У меня есть куча гибких элементов в контейнере. В качестве гибкого направления установлено значение столбца. В одном из элементов немного больше текста, поэтому его содержимое переносится на новую строку. Теперь ширина элемента автоматически становится равной 100% ширины родительского элемента. Как я могу предотвратить это?
Чтобы было немного понятнее: «зеленый» должен «остановиться» после второго «Twentyone».
.parent { граница: 1 пиксель, сплошная черная; дисплей: гибкий; гибкое направление: столбец; ширина: 200 пикселей; выровнять-элементы: гибкий старт; } .child:nth-child(нечетный) { цвет фона: зеленовато-желтый; } .child:nth-child(даже) { цвет фона: шоколадный; } .длинный { /* ??? */ Один Два Двадцать один Двадцать один Четыре Пять
