Как правильно выровнять картинки в списке?

Question

[Виталий]

Добрый день, подскажите, как правильно ( с точки зрения дизайна) выравниваются неодинаковые картинки в списке ? По центру картинки, как в прикрепленном изображении или как то иначе?

Answer 1

[Сергей Наломенко]

На этот вопрос нет однозначного ответа. Как минимум нужно понимать, какие задачи дизайн должен решать.

Answer 2

[Artem Kom]

Все зависит от дизайна. Точной форму тут нет.

Answer 3

[vaux]

С точки зрения дизайна эти картинки должны иметь единый стиль и, соответственно, единый размер. Иначе слева получится рваный край, который глаз будет цеплять. Если выровнять их по левому краю, то либо текст начнет скакать, либо у каждого пункта расстояние между картинкой и текстом будет разное (а это недопустимо).

Answer 4

[go1]

Немного странный вопрос. Самый простой вариант поставить картинки справа от текста без выравнивания.

Как верстать текстовые блоки с иллюстрациями

Answer 5

[Максим Шайхалов]

Обычно для списков применяется такой прием:

1. Сначала создаем несколько контейнеров одинакового размера (размер контейнера должен соответствовать размеру самого маленького элемента)
2. Вписываем объекты в контейнеры
3. Применяем одинаковое выравнивание (у меня по центру контейнера)
4. Убираем контейнеры и получаем хорошее выравнивание