Используя CSS, можете ли вы сломать линию на основе половины точки текста? ⇐ Html

[Anonymous]

Если у меня есть контейнер с каким -то текстом, есть ли способ сломать линию пополам, а не на основе какой -то фиксированной ширины? < /p>

Например Я обычно назначал бы ширину (скажем, 200 пикселей) контейнеру, прежде чем поместить в него немного текста. Часто это может привести к неловкому разрыву линии, где должно быть завершено только последнее слово в заголовке. < /p>

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

This is a header that is
long

по сравнению с

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

This is a header
that is long

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

Подробнее здесь: https://stackoverflow.com/questions/391 ... f-the-text