2015-08-24 4 views
0

Я работаю над некоторым мобильным контентом, который содержит множество текстов на многочисленных страницах.Улучшение выравнивания текста в CSS

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

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

enter image description here

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

+1

В CSS3 есть вещь, называемая «дефисами», если вы хотите попробовать. – Roope

+0

Нанесите мягкий дефис ('­') длинными словами. –

ответ

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

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

+0

Я сомневаюсь, что он хочет ''. Это случайное разбиение строк в середине слова без дефиса. –

+0

отредактирован для соответствия http://stackoverflow.com/questions/226464/soft-hyphen-in-html-wbr-vs-shy –

Смежные вопросы