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

Программисты Html
Ответить
Anonymous
 Как установить конкретный размер контейнера Flex Box?

Сообщение Anonymous »

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

Код: Выделить всё

[img]gallery/img.png[/img]
[img]gallery/img1.jpg[/img]
[img]gallery/img2.jpg[/img]
[img]gallery/img3.jpg[/img]
[img]gallery/img4.jpg[/img]
[img]gallery/img5.jpg[/img]

Код: Выделить всё

.container-gallery {
display: flex;
flex-wrap: wrap;
/* width: 67.5%; */
justify-content: center;
}

.container-gallery img{
width: 15%;
height: 30vh;
border-radius: 8%;
margin: 1%;
}
Я попробовал создать родительский элемент div галереи контейнеров, чтобы центрировать дочерний элемент div, и задать определенную ширину в контейнерной галерее. Это действительно работает; однако, когда вы пытаетесь изменить его размер, оно не центрирует свое содержимое из-за установленной на нем ширины. Примерно так:

Код: Выделить всё

[img]gallery/img.png[/img]
[img]gallery/img1.jpg[/img]
[img]gallery/img2.jpg[/img]
[img]gallery/img3.jpg[/img]
[img]gallery/img4.jpg[/img]
[img]gallery/img5.jpg[/img]

Код: Выделить всё

.container-gallery {
display: flex;
flex-wrap: wrap;
width: 67.5%;
}

.container-gallery img{
width: 15%;
height: 30vh;
border-radius: 8%;
margin: 1%;
}

.main-gallery {
display: flex;
justify-content: center;
}
Что я могу сделать?

Я новичок во Flexbox, поэтому считайте это вопросом для новичков.
Так и должно быть! ширина и высота.
Изображение


Подробнее здесь: https://stackoverflow.com/questions/777 ... -container
Ответить

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

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

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

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

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