Как сделать автоматический перенос строки при длинном слове?

Question

[Антон Шульц]

Возможно ли осуществить автоматический перенос строки при длинном слове, но при этом указать минимальное количество букв переноса?
Например, чтобы если в строку помещалось всего 10 букв, то слово из 11 букв он бы разделил на 8 + 3 перенос?

Comments

[Rustam Bainazarov]

Нет, на CSS такое нельзя. Только JS. CSS не умеет считать буквы в словах.

Answer 1

[Sergey]

Есть в css word-wrap: break-word и тогда будет переносить и длинные слова, но указать на каком символе переносить, такое только через javascript.

Comments

[Антон Шульц]

а как на js описать это правило?

[Sergey]

Это уже другой вопрос и к метке css отношения не имеет. Вы и на этот вопрос ни "нравится", ни "вопрос решен" не нажали, хотя ответ получили.

Answer 2

[Максим Морев]

Есть свойство hyphens, но оно не работает в Хроме, да и в остальном алгоритмы такие себе, много переносов не к месту добавляет.
Если без js - то только руками расставлять спецсимволы ­ в те места, где вы хотите разрешить перенос.
Я использую для выражений типа "Политика конфиден­циаль­ности", чтобы на самых маленьких айфончиках было красиво.
А если автоматически хочется - то только на JS парсить слова и вставлять эти спецсимволы, куда нужно.