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