Како поставити оправдани текст помоћу ЦСС-а

Једно од својстава типографије веб странице које можете одабрати да прилагодите током израде сајта је како је текст странице оправдан. Текст веб странице је подразумевано поравнат и ово је број веб локација који оставља свој текст. Једине друге опције су оправдане правом, што је ретко или у потпуности оправдано.

Образложен текст је блок текста који се поравнава и на левој и на десној страни, за разлику од само једне од тих страна (што чини образложење „лево“ и „десно“). Двоструко оправдани ефекат постиже се подешавањем размака између речи и слова у сваком ретку текста како би се осигурало да је сваки ред исте дужине. Овај ефекат се назива пуно оправдање. Оправдајте текст у ЦСС-у помоћу Поравнање текста имовина.

Како функционише оправдање?

Разлог што често видите неравну ивицу на десној страни блока текста је тај што сваки ред текста није исте дужине. Неки редови имају више речи или дуже речи, док други имају мање или краће речи. Да би се оправдао тај блок текста, у неке редове се морају додати додатни размаци да би се сви редови изједначили и учинили доследним.

instagram viewer

Сваки веб прегледач има свој алгоритам за примену додатних простора унутар линије. Прегледачи разматрају дужину речи, цртице и друге факторе да би одредили где ће размаке ставити. Као резултат, оправдани текст можда неће изгледати идентично од једног прегледача до другог. Будите уверени, међутим, да је велика подршка за прегледаче добра за оправдање текста помоћу ЦСС-а.

Како оправдати текст

Оправдање текста ЦСС-ом захтева део текста који треба да га образложи. Типично ћете користити пасусе текста јер ће велики блокови текстуалног контекста који се протежу у више редова бити означени ознакама пасуса.

Након што имате блок текста који треба оправдати, питање је само подешавања стила да буде оправдан помоћу ЦСС својства стила поравнања текста. Примените ово ЦСС правило на одговарајући селектор да бисте добили блок текста који ће се приказати како је предвиђено.

Када оправдати текст

Многим се свиђа изглед оправданог текста са становишта дизајна, углавном због тога што ствара врло доследан, одмерен изглед, али постоје и недостаци у потпуности оправдавања текста на веб страници.

Прво, оправдани текст може бити тешко прочитати. То је зато што када оправдавате текст, понекад се може додати пуно додатног простора између неких речи на линији. Те недоследне празнине могу отежати читање текста. Ово је посебно важно на веб страницама, које већ може бити тешко прочитати због осветљења, резолуције или другог квалитета хардвера. Додавање необичних размака у текст може лошу ситуацију учинити још гором.

Поред изазова читљивости, празни простори се понекад поравнају једни с другима како би створили „реке“ празног простора у средини текста. Те велике празнине у празном простору заиста могу створити неугодан приказ. Поред тога, на изузетно кратким редовима оправдање може проузроковати редове који садрже једну реч са додатним размаком између самих слова.

Па када треба користити образложење текста? Најбоље време за оправдање текста је када су редови дуги, а величина фонта мала - нешто што је тешко обезбедити на одзивним веб локацијама где се дужине редова мењају у зависности од величине екрана. Не постоји чврст број за дужину реда или величину текста; морате користити свој најбољи суд.

Након што примените стил поравнања текста да бисте оправдали текст, тестирајте га како бисте били сигурни да текст нема реке празнине - и тестирајте га у различитим величинама. Најлакши тест не захтева ништа компликованије од сопствених зашкиљених очију. Реке се истичу као флеке беле боје у иначе сивом блоку текста. Ако видите реке, требало би да промените величину текста или ширину блока текста да бисте преобликовали текст.

Оправдање употријебите тек након што га упоредите са текстом поравнатим лијево. Можда ће вам се свидети доследност потпуног образложења, али стандардни текст поравнат са леве стране је обично читљивији. На крају, требало би да образложите текст јер сте одлучили да текст оправдате у сврхе дизајна и потврдили сте да је ваша веб локација и даље лака за читање.

instagram story viewer