2016-10-27 3 views
0

У меня есть панель на моем экране с width:auto и со списком объектов внутри. Элементы этого списка имеют float:left и width:380px. Я хочу централизовать эту панель на экране внутри главный div (display:flex; justify-content: center;). Он централизуется правильно, когда количество элементов соответствует одной строке, но когда требуется другая строка, панель использует 100%, с огромным пространством от последнего элемента в строке до границы панели. Изображения 1 и 2 показывают, что у меня есть сейчас. Изображение 3 - это то, что я хочу.Как сделать div (ширина: авто) настроить на вложенные divs (поплавок влево и фиксированная ширина)

зеленый: главный ДИВ, серый: панель, синий: список пункт

изображение 1:

enter image description here

image2:

enter image description here

image3:

enter image description here

Почему DIV не подходит, когда требуется вторая линия?

ответ

0

Поскольку у меня не было ответа, я решил проблему установки атрибута max-width на панель, вычисляя размер количества возможных элементов списка.

Смежные вопросы