Изменение размера и выравнивание значка по левому краю

#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 или что-то в этом роде.