Подобряване на обосновката на текста в CSS

Работя върху мобилно съдържание, което има много текст в много страници.

Дадох им свойството text-align: justify;, което обикновено работи добре и следователно прави текста много по-четлив и по-добре изглеждащ.

Въпреки че в някои ситуации оправданията са гадни, тъй като водят до ненужни интервали между думите.

въведете описание на изображението тук

Как мога да подобря този стил, така че да се представя по-добре в различни ситуации?


person Can    schedule 24.08.2015    source източник
comment
Има нещо, наречено hyphens в CSS3, ако искате да го опитате.   -  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