Flexbox и переполнение текста: многоточие не смешивается?

Мой код очень прост:

Почему flexbox не разрешает мой text-overflow:ellipsis, и что я могу сделать, чтобы он работал?

2 ответа

Вы не можете поместить материал переполнения в контейнер гибкого контейнера, вам нужно поместить его в дочерний элемент.


В соответствии с спецификацией W3C это ожидаемое поведение несмотря на огромный номер обсуждения о его:

Переполнение текста (spec)

Это свойство указывает рендеринг, когда встроенный контент переполняет его заблокировать контейнерный элемент ( "блок" ) в своей встроенной прогрессии которое имеет "переполнение, отличное от" видимого.

Flex (спецификация)

Контейнеры Flex не блокировать контейнеры

licensed under cc by-sa 3.0 with attribution.