Выкарыстоўваючы ўласцівасць CSS Text-Align для выраўноўвання тэксту
Адным з уласцівасцяў тыпаграфікі вэб-сайта, які вы можаце выбраць для рэгулявання ў працэсе распрацоўкі сайта з'яўляецца як апраўдана тэкст сайта. Па змаўчанні вэб-сайт тэкст выраўноўваецца па левым краі, і гэта, як многія сайты пакінуць свой тэкст. Адзіныя іншыя варыянты выраўноўваннем направа, што ніхто не выкарыстоўвае на вэб-сайтах, так як гэта зрабіла б тэкст па сутнасці, немагчыма чытаць онлайн, або тое, што вядома як цалкам апраўдана.
Апраўданы тэкст уяўляе сабой блок тэксту , які выраўноўвае па левай і правых частак, а не толькі адна з гэтых бакоў (што «левы» і «правы» апраўданне рабіць). Ўдвая апраўданы эфект дасягаецца шляхам карэкціроўкі словы і літарныя прабелы ў кожнай радку тэксту, каб гарантаваць, што кожная лінія мае аднолькавую даўжыню. Гэты эфект называецца поўным абгрунтаваннем . Вы апраўдвае тэкст у CSS з дапамогай выраўноўвання тэксту ўласцівасці.
Як гэта працуе Абгрунтаванне?
Прычына вы часта бачыце няроўны край на правай баку блока тэксту, таму што кожны радок тэксту не аднолькавая даўжыня. Некаторыя лініі маюць некалькі слоў ці больш доўгія словы ў той час як іншыя маюць менш або кароткія словы. Для таго, каб апраўдаць гэты блок тэксту, лішнія прабелы павінны быць дададзены ў некалькі радкоў, каб выраўнаваць усе лініі і прывесці іх у адпаведнасць.
Кожны вэб - браўзэр вытворца мае свой уласны алгарытм для прымянення дадатковых прабелаў ў межах радка. Браўзэры глядзець на даўжыню словы, пераносы і іншыя фактары, каб вызначыць, дзе ставіць прабелы.
У выніку, выраўнаваны тэкст не можа выглядаць аднолькава ад аднаго браўзэра да іншага. Гэта добра, бо ні адзін сайт наведвальнік не будзе пераходзіць ад аднаго браўзэра да іншага проста параўнаць, як даўжыня лініі вашага сайта глядзіце! Будзьце ўпэўненыя, аднак, што асноўная падтрымка браўзэра добрая для выраўноўвання тэксту з дапамогай CSS.
Як Выраўнаваць тэкст
Абгрунтоўваючы тэкст з дапамогай CSS патрабуе частка тэксту, каб апраўдаць.
Як правіла, гэта робіцца для абзацаў тэксту, так як вялікіх блокі тэксту кантэксту, які ахоплівае некалькі радкоў будуць падзелены з тэгамі абзаца.
Пасля таго, як у вас ёсць блок тэксту , каб апраўдаць, гэта проста пытанне налады стылю для апраўданай з CSS выраўноўвання тэксту ўласцівасці стылю.
выраўноўвання тэксту: апраўдаць;
Вы павінны былі б прымяніць гэта правіла CSS у адпаведны селектар, каб атрымаць блок тэксту для візуалізацыі, як меркавалася.
Калі Выраўнаваць тэкст
Многія людзі, як знешні выгляд апраўданага тэксту з пункту гледжання дызайну, у асноўным таму, што яна стварае вельмі паслядоўны, вымяраную погляд, але ёсць і адмоўныя бакі, каб цалкам апраўдваюць тэкст на вэб-старонцы.
Па-першае, апраўдана тэкст можа быць цяжка чытаць. Гэта адбываецца таму, што калі вы апраўдвае тэкст, шмат дадатковага прасторы часам можа быць дададзеная паміж некаторымі словамі на лініі. Гэтыя супярэчлівыя прабелы могуць зрабіць тэкст больш цяжкім для чытання. Гэта асабліва важна, на вэб-старонках, якія могуць быць цяжка чытаць ужо з-за асвятлення, дазволу ці іншага якасці абсталявання. Даданне незвычайных прастор у тэксце можа зрабіць дрэнную сітуацыю яшчэ горш.
Акрамя пытанняў, чытальнасці, пустыя прасторы часам выстройваюцца адзін з адным, каб стварыць «ракі» белага прасторы ў сярэдзіне тэксту.
Гэтыя вялікія прамежкі белага прасторы могуць рэальна зрабіць для нязручнага дысплея. Акрамя таго, на вельмі кароткіх лініях, апраўданне можа прывесці радкі, якія ўтрымліваюць адно слова з дадатковымі прабеламі паміж самімі літарамі.
Таму, калі вы павінны выкарыстоўваць выраўноўванне тэксту? Лепшы час для выраўноўвання тэксту адбываецца, калі лініі доўгія і памер шрыфта мала (нешта, што цяжка забяспечыць на спагадных сайтах, дзе лінія даўжынёй змены, заснаванае на памерах экрана). Там няма жорсткага колькасці на даўжыню лініі або памеру тэксту, вы павінны выкарыстоўваць лепшыя рашэнні.
Пасля таго, як вы ўжыеце стыль выраўноўвання тэксту для выраўноўвання тэксту, праверыць яго, каб пераканацца, што тэкст не мае рэк белага прасторы - і пераканайцеся, каб праверыць яго на розных памераў.
Самы просты спосаб зрабіць гэта, каб убачыць яго з пакасіўся вачыма. Ракі вылучаюцца як ўкрапванні белага ў астатнім шэрага блока тэксту. Калі вы бачыце ракі, вы павінны ўнесці змены ў памеры тэксту або шырыню тэкставага блока, каб пазбавіцца ад гэтых непрывабных рэк.
выкарыстоўваць апраўданне толькі пасля таго, як вы параўналі яго з выраўноўваннем па левым краі тэксту, як паказана ў гэтым артыкуле. Вы робіце як паслядоўнасць поўнага апраўдання, але стандартны тэкст выраўноўваецца па левым краі, як правіла, больш зручным для чытання. У рэшце рэшт, вы павінны апраўдаць тэкст, таму што вы абралі, каб апраўдаць тэкст для мэтаў праектавання і пацвердзілі, што ваш сайт застаецца лёгка чытаным.