Выравнивание сетки из li элементов

Рейтинг: 1Ответов: 1Опубликовано: 22.10.2014

Здравствуйте. Столкнулся с проблемой. Есть каталог картинок, реализованный списком <ul>. Блок, содержащий их, - резиновый, поэтому возникает проблема центирования этого списка. Если делать через float: left - выравнивание идет по левому краю, и при некоторых разрешениях справа остается много пустого места, если через присвоение элементам li свойства display: inline-block с последующим выравниванием text-align: center - последняя строка равняется по центру, даже если там, допустим, 1 элемент (справа и слева остается пустота). Есть ли решение для такой задачи?

css html адаптивная-верстка
Источник: Stack Overflow на русском

Ответы

▲ 1Принят

Если есть возможность изменения реализации вывода картинок, то лучше переделать в div и уже ими играться, а играться ими можно через Flexbox, очень удобное свойство и сильно может упростить задачу.

Как центрировать последние элементы li, к сожалению, не подскажу, сам долго бился над этой задачей, но решения не нашел. Если бы было известно число выводимых картинок, то можно было бы через javascript посчитать, сколько останется картинок в последней строке, и тогда каким-то образом их отцентрировать, но мне кажется, это те еще грабли.