#javascript #html #css #sass #ionic3
#javascript #HTML #css #дерзость #ionic3
Вопрос:
На странице я должен показать список элементов со значками. Эти значки различаются по размеру, как вы можете видеть на картинке (например, первый больше. Чтобы везде в css был одинаковый размер значка, я установил ширину в 32 пикселя. Однако для значков меньшего размера (например, значка температуры на светло-синем фоне) пространство добавляется слева и справа от значка. Я бы хотел, чтобы пробел добавлялся только справа, чтобы значок выравнивался по левому краю. Это пространство не заполняется (иначе оно было бы показано зеленым цветом).
Есть ли способ сообщить значкам, что при их увеличении пространство добавляется только справа?
Комментарии:
1. Если вы используете значки fontawesome, вы можете добавить
fa-fw
класс к классам значков, чтобы создать ихfixed width
. Например<i class="fas fa-star fa-fw"></i>
Ответ №1:
Не уверен, но вы можете попробовать сделать их все text-align: left
width : 100%
и на всякий случай добавить отступы и поля равными нулю, также проверьте, может быть, значок помещен внутри div или что-то в этом роде.