Как сделать перенос слов через дефис в тексте черес CSS?

Question

[Михаил Руденко]

Допустим в макете .psd есть абзац фиксированной ширины и в котором явно есть переносы слов через дефис на новую строку.Пытался и реализоваить через ксс свойство hyphens но оно не работает,есть ли какие-то другие альтернативы?

Answer 1

[Рахим Давлеткалиев]

Hyphens просто не везде поддерживается https://developer.mozilla.org/en-US/docs/Web/CSS/h...
Альтернатива — использовать JS-библиотеку, например, https://github.com/mnater/hyphenator (демо mnater.github.io/Hyphenator)

Но, боюсь, из коробки он не знает четких правил переноса в русском языке.

Comments

[Павел Сайк]

Hyphens сих пор не поддерживается. Работает нормально только в FireFox

Answer 2

[Тимофей]

Вот. Думаю, исчерпывающе.

Comments

[Михаил Руденко]

Сдесь смотрел,не то немного

Answer 3

[sergioma]

Самое простое и кросс-браузерное решение, это расставить в тексте мягкие переносы на этом сервисе и вставить полученный html.