Користење на CSS текстот-усогласување на својство за да се оправда текстот
Една од својствата на типографијата на веб-страницата која може да ја изберете за време на развојот на сајтот е како е оправдано текстот на страницата. Стандардно, веб-страницата е оправдана и ова е колку сајтови го напуштаат нивниот текст. Единствените други опции се оправдани, што никој не ги користи на веб-страниците, бидејќи тоа би го направило текстот во суштина невозможно да се прочита на интернет, или она што е познато како целосно оправдано.
Оправданиот текст е блок од текст кој се совпаѓа на левата и на десната страна, наспроти само една од тие страни (што е она што го прават "левото" и "правилното" оправдување). Двојно оправданиот ефект се постигнува со прилагодување на просторот за зборови и букви во секоја линија на текст за да се осигура дека секоја линија е иста со должина. Овој ефект се нарекува целосна оправданост . Вие го оправдувате текстот во CSS со користење на сопственоста на текстот .
Како функционира оправданоста?
Причината што често ја гледате нерамна работ на десната страна на блокот на текст е затоа што секоја линија на текст не е иста должина. Некои линии имаат повеќе зборови или подолги зборови, додека други имаат помалку или пократки зборови. За да го оправдаат тој блок на текст, во некои редови мора да се додадат дополнителни празни места за да се издвојат сите линии и да се направат доследни.
Секој производител на веб прелистувач има свој алгоритам за примена на дополнителни простори во рамките на една линија. Прелистувачите гледаат должината на текстот, тиреноста и другите фактори за да одредат каде да ги стават просторите.
Како резултат на тоа, оправданиот текст можеби не изгледа идентичен од еден прелистувач на друг. Ова е добро, бидејќи ниту еден посетител на сајтот нема да скокне од еден прелистувач до друг само за да го спореди како изгледа должината на вашиот сајт! Бидете сигурни дека, сепак, голема поддршка за прелистувачот е добра за оправдување на текстот со CSS.
Како да го оправдаме текстот
Оправдувајќи го текстот со CSS потребен е дел од текстот за да се оправда.
Вообичаено, ова е направено со параграфи од текстот, бидејќи големите блокови на текстуален контекст што ги спојуваат повеќе линии ќе бидат обележани со ознаки на пасус.
Откако ќе имате блок од текст за да го оправдате, тоа е само прашање на поставување на стилот да се оправда со CSS текстот-усогласување на својството.
усогласување на текст: оправда;
Ќе треба да го примените ова CSS правило со соодветен селектор за да го добиете блокот од текст како што треба.
Кога да го оправдаме текстот
Многу луѓе го сакаат изгледот на оправданиот текст од гледна точка на дизајнот, во голема мера поради тоа што создава многу конзистентен, измерен изглед, но има недостатоци за целосно оправдување на текстот на веб-страница.
Прво, оправданиот текст може да биде тешко да се прочита. Ова е затоа што кога го оправдувате текстот, може да се додаде многу дополнителен простор помеѓу некои зборови на линијата. Овие недоследни празнини може да го отежнат читањето на текстот. Ова е особено важно на веб-страниците, што може да биде тешко за читање веќе поради осветлување, резолуција или друг хардверски квалитет. Додавањето на невообичаени простори во текстот може да ја влоши полошо ситуацијата.
Освен проблемите со читливоста, празните простори понекогаш се редат еден со друг за да создадат "реки" на бел простор во средината на текстот.
Оние големи празнини на белиот простор навистина можат да направат непријатно прикажување. Дополнително, на екстремно кратки редови, оправдувањето може да предизвика линии што содржат еден збор со дополнителни празни места меѓу самите букви.
Значи, кога треба да користите оправдување за текст? Најдобро време да се оправда текстот се случува кога линиите се долги и големината на фонтот е мала (нешто што е тешко да се обезбеди на одговорите на веб-страниците каде што должината на линијата се менува врз основа на големината на екранот). Не постои тврд и брз број за должината на линијата или големината на текстот, мора да го користите вашиот најдобар пресуда.
Откако ќе го примените стилот за порамнување на текстот за да го оправдате текстот, проверете дали текстот нема реки од бел простор - и проверете дали е тестиран во различни големини.
Најлесен начин да го направите ова е да го видите со кривоглед на очите. Реките се издвојуваат како жолти бели во инаку сив блок од текст. Ако видите реки, треба да направите промени во големината на текстот или ширината на текстуалниот блок за да се ослободите од оние грозни реки.
Користете само оправдување откако ќе го споредите со лево-ориентиран текст како што се гледа во оваа статија. Правиш како конзистентност на целосна оправданост, но стандардниот лево оправдан текст обично е повеќе читлив. На крајот, треба да го оправдате текстот затоа што сте одбрале да го оправдате текстот за цели на дизајнот и потврдивте дека вашиот сајт останува лесен за читање.