Как установить конкретный размер контейнера Flex Box?CSS

Разбираемся в CSS
Ответить
Anonymous
 Как установить конкретный размер контейнера Flex Box?

Сообщение Anonymous »


Как указано в заголовке, я хочу, чтобы контейнер флексбокса имел определенную ширину и высоту. Однако я не знаю, какой подход я могу использовать. Это мой код:


Изображение

Изображение

Изображение

Изображение

Изображение

Изображение
.container-gallery { дисплей: гибкий; flex-wrap: обертка; /* ширина: 67,5%; */ оправдание-содержание: центр; } .container-галерея img{ ширина: 15%; высота: 30вх; радиус границы: 8%; маржа: 1%; } Я попытался создать родительский div галереи контейнеров, чтобы центрировать дочерние элементы div и задать определенную ширину в контейнерной галерее. Это действительно работает; однако, когда вы пытаетесь изменить его размер, его содержимое не центрируется из-за установленной на нем ширины. Примерно так:


Изображение

Изображение

Изображение

Изображение

Изображение

Изображение
.container-gallery { дисплей: гибкий; flex-wrap: обертка; ширина: 67,5%; } .container-галерея img{ ширина: 15%; высота: 30вх; радиус границы: 8%; маржа: 1%; } .main-галерея { дисплей: гибкий; оправдание-содержание: центр; } Что я могу сделать?
Я новичок во Flexbox, так что считайте это вопросом для новичков.

Так и должно быть! ширина и высота.
Изображение

Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «CSS»