Как убрать «острова» больших пробелов при использовании text-align: justify?

Question

[Александр Дегтярев]

На компьютере текст выравнивается по всей ширине, на мобильных устройствах появляются слишком большие пробелы между словами, как с этим справиться без выравнивания по левому краю (получается пила, очень сложно читать)?

Answer 1

[noobie_in_all]

по старинке
word-spacing:-2px;

новое
text-justify: distribute

Comments

[Александр Дегтярев]

Есть еще варианты? На мобильнике все равно остаются ужасные пробелы...

Answer 2

[Ivan Bogachev]

Вышеупомянутое свойство text-justify не поддерживается ничем кроме ie, что ставит временный крест на его практическом применении. Как вариант можно уменьшать word-spacing, это дает определенный эффект, но не стоит забывать, что на мобильных устройствах можно немного уменьшать шрифт, тем самым делая больше символов на строку - пример такой страницы

Comments

[Александр Дегтярев]

Может есть какие - то скрипты, которые сами контролируют выравнивание?

Answer 3

[Сергей Савостин]

text-align: left
Не мучайте пользователей. Это Вам не печатное издание.

Answer 4

[Максим Васильев]

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

Можно на стороне сервера расставить U+00AD в местах переноса.

Но есть мнение, что рваный правый край делает чтение текста более удобным.

Comments

[Александр Дегтярев]

Удобочитаемо когда все ровно и отцентрировано, когда размеры контента "предсказуемы" в будущем

[Максим Васильев]

Александр Дегтярев: то мнение было основано на том, что за рваный край глазу удобнее цепляться и не терять контекст при проматывании.

[Александр Дегтярев]

Максим Васильев: каждому свое в итоге)))