Улучшение выравнивания текста в CSS

Я работаю над мобильным контентом, который содержит много текста на многих страницах.

Я дал им свойство text-align: justify;, которое обычно хорошо работает и, следовательно, делает текст более читабельным и красивым.

Хотя в некоторых ситуациях обоснования отстой, поскольку приводят к ненужным пробелам между словами.

введите здесь описание изображения

Как я могу улучшить этот стиль, чтобы он лучше работал в различных ситуациях?


person Can    schedule 24.08.2015    source источник
comment
В CSS3 есть вещь под названием hyphens, если вы хотите попробовать.   -  person Roope    schedule 24.08.2015
comment
Ставьте мягкий дефис (­) в длинных словах.   -  person    schedule 24.08.2015


Ответы (1)


  • Уменьшите font-size и/или letter-spacing, чтобы больше слов можно было лучше растянуть в одной строке.
  • Используйте необязательные разрывы (<wbr>, &shy;) внутри длинных слов.

Помимо вышеперечисленного, вы можете написать некоторый JS-CSS, который выполняет пользовательское растяжение, но вы не можете изменить правила геометрии, а стандартное правило довольно близко к оптимальному.

person Szabolcs Páll    schedule 24.08.2015
comment
Я сомневаюсь, что он хочет <wbr>. Это случайным образом разорвало бы строки в середине слова без дефиса. - person ; 24.08.2015
comment
отредактировано, чтобы соответствовать stackoverflow.com/ вопросы/226464/ - person Szabolcs Páll; 24.08.2015