Как убрать проблемы с text-align:justify?

Question

[Максим]

Привет! Подскажите, пожалуйста, есть статья, клиент просит эту статью выравнивать по ширине, соответственно между словами появляются огромные пробелы, как с этим бороться?

Answer 1

[Maxim Zhgulev]

Можно попробовать расставить в тексте переносы ­
Можно заменить слова более короткими
Можно немного уменьшить шрифт
Можно попробовать Hyphenator.js

Comments

[Максим]

То есть, только редактирование?

[Maxim Zhgulev]

Hyphenator.js - ничего редактировать не надо, он сам расставит переносы.

[Максим]

e_s_l: Вот за это спасибо!

Answer 2

[Михаил Чирский]

Выложите на Fiddle код, вам помогут, разные проблемы могут возникать.

Answer 3

[Артур]

2 варианта
1 - Можно попробовать расставить в тексте переносы ­ как посоветовал e_s_l
2 - проявить настойчивость и убедить клиента как профессионал. как показывает практика выравнивание по ширине ухудшает читаемость текста. желательно использовать привычное выравнивание по левому краю.

Comments

[Артур]

горизонтальный ритм

Answer 4

[Григорий]

клиент просит эту статью выравнивать по ширине, соответственно между словами появляются огромные пробелы

Как бороться? Это же и есть выравнивание по ширине!

Можно включить перенос по слогам. Если текст на русском, то поставить контейнеру или корневому элементу lang="ru" и использовать св-во hyphens: auto; и word-wrap: break-word; для этого текста.

Comments

[Maxim Zhgulev]

Я бы не стал списывать Chrome со счетов. В нем hyphens: auto не работает.

[Григорий]

e_s_l: Там всё работает. Не верьте htmlbook - там неактуальная информация.

[Maxim Zhgulev]

caniuse.com/#search=hyphens

[Григорий]

Проверил - правда не работает. Простите. А я от Hyphenator.js отказался год назад в пользу hyphens