Как предотвратить расширение абзаца, который также является гибким элементом, на всю ширину? [дубликат]CSS

Разбираемся в CSS
Ответить Пред. темаСлед. тема
Гость
 Как предотвратить расширение абзаца, который также является гибким элементом, на всю ширину? [дубликат]

Сообщение Гость »


У меня есть куча гибких элементов в контейнере. В качестве гибкого направления установлено значение столбца. В одном из элементов немного больше текста, поэтому его содержимое переносится на новую строку. Теперь ширина элемента автоматически становится равной 100% ширины родительского элемента. Как я могу предотвратить это?

Чтобы было немного понятнее: «зеленый» должен «остановиться» после второго «Twentyone».

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


Изображение

Реклама
Ответить Пред. темаСлед. тема

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

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

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

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

  • Похожие темы
    Ответы
    Просмотры
    Последнее сообщение

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