Най -използваните основни стилове са подравняването на текста и обосновката, това ни помага да локализираме текста и да го направим по -съвместим с околната среда, нека си представим, че трябва да поставим обобщение на новина и искаме тя да се откроява от друг текст, можем да направим подравняването му фокусирано, така че да постигнем известността, която искахме в началото.
За да постигнем това, ще използваме две свойства:
1. подравняване на текст: Посочва подравняването на текстов блок, който може да приема стойностите: начало, край, ляво, дясно, център, обосновка.
2. текст-обосновка: Указва техниката, която ще се използва за оправдаване на текста, когато в текстовото подравняване е избрано обосновка.
Нека да видим малко код, където прилагаме това:ПримерИма много различни видове плодове - има само над 500 сорта банани. Докато добавим безбройните видове ябълки, портокали и други добре познати плодове, ние сме изправени пред хиляди възможности за избор. Един от най -интересните аспекти на плодовете е сортът, наличен във всяка страна. Живея близо до Лондон, в район, известен със своите ябълки.
Стартиране Край Ляв Десен Център за изравняване
В тази част от кода това, което направихме, е да направим a скрипт с език Javascript което ни позволява да променим атрибута на подравняване на текст така че, когато го стартираме в браузъра си, можем да видим разликата между всяка от стойностите на свойствата на атрибута. Нека да видим как имаме няколко от тези приложими свойства в браузъра:
Увеличете
Сега нека видим още една от характеристиките на HTML5 когато текстът има празни, двойни или тройни интервали, браузърът обикновено ги заменя с едно пространство, като празни редове, той ги игнорира, за да работим с него имаме свойството празно пространство, тя може да приеме следните атрибути:
- нормално: Това е стойността по подразбиране в браузъра, игнорира множество интервали и нови редове.
- сега: В този случай интервалите се игнорират, но прекъсванията на редовете се спазват.
- пред: Запазено е бяло пространство и само прекъсвания на редове.
- предварително ред: Пространството се игнорира, но прекъсването на реда се спазва.
- предварително опаковане: Белият интервал се спазва и ще има прекъсване на ред, когато е посочено или когато се изисква от блока.
Нека видим пример:
ПримерИма много различни видове плодове - има само над 500 сорта банани. Докато добавим безбройните видове ябълки, портокали и други добре познати плодове, ние сме изправени пред хиляди възможности за избор. Един от най -интересните аспекти на плодовете е сортът, наличен във всяка страна. Живея близо до Лондон, в район, известен със своите ябълки.
Както виждаме, ние сме включили множество двойни интервали в текста и сме посочили, че ще използваме свойството предварителна линия, Нека видим какво ще ни покаже браузърът:
