.container { ширина: 400 пикселей; цвет фона: желтый; } .image-контейнер { дисплей: гибкий; } .image-часть { гибкая основа: 20%; } .image-часть h3 { маржа: 0; } .image-часть p { маржа: 0; } .изображение { ширина: 100%; радиус границы: 10 пикселей; переполнение: скрыто; } .image изображение { ширина: 100%; вертикальное выравнивание: снизу;
голубой весна прекрасна
розовый
дерево
другая картинка
синий — мой любимый
красивое дерево
розовый
картинка
картинка
У меня есть контейнер и некоторый контент (изображение и текст) в нем (также каждое изображение находится в контейнере). контейнер имеет display: flex;, а элементы flex имеют flex-basis: 20%;. Я хочу, чтобы элементы имели одинаковую ширину, но выглядели по-разному.
Я думаю, это из-за текста в элементах. Я использовал тег h3 и p.
Может ли кто-нибудь мне с этим помочь? это мой код
