Как избежать оборванного обрезанного текста в веб-типографии?

Question

Как наилучшим образом избежать ragged edged text в типографии в Интернете?

Есть ли общее решение , кроме, используя text-align: justify?

Я хотел бы улучшить удобочитаемость моего веб-сайта, но слова на моем родном языке довольно длинные (по сравнению с английским), что очень часто приводит к неприятному типу лица. Однако я не хочу оправдывать свой текст. Существуют ли какие-либо другие атрибуты (например, расстояние между буквами), которые могут быть адресованы CSS, чтобы улучшить общую визуальную привлекательность и перенос текста?

Answer 1

Я хотел бы, чтобы улучшить читаемость моего веб-сайта

Тогда вы хотите оставить тряпку как есть. Тряпка вызвана тем фактом, что слова не имеют одинаковой длины, так что каждая строка текста, когда они правильно распределены по отношению к себе, просто не будет такой же ширины, как любая другая строка.

Править Текст выглядит славный, но не обязательно улучшающий читаемость. Фактически, это может вызвать проблемы с ним, когда линии достаточно разнообразны, чтобы в некоторых ситуациях вводить огромные промежутки между словами или даже буквами (обычно это широко распространено в газетах с узкими колонками).

Есть только два способа подтолкнуть оборванный текст ближе к оправданному. Один вы упомяните, что есть text-align: justify. Это автоматизировано, и вы находитесь во власти браузера, чтобы сделать лучший вызов по очереди с точки зрения настройки интервала. Если ваша средняя строка имеет 80 символов, эта опция будет работать лучше, чем если ваша средняя строка содержит только 20 символов.

Другой вариант разумно используется для переносов слов. CSS3 предлагает некоторую помощь в этом. См .: Is it possible to enable auto-hyphenation in HTML/CSS?

Увы, перенос переносов также может привести к проблемам с читабельностью.

(BTW, этот вопрос будет лучше обслуживаться на графическом дизайне.se)