Najczęściej używane podstawowe style to wyrównanie tekstu i justowanie, to pomaga nam zlokalizować tekst i uczynić go bardziej kompatybilnym z otoczeniem, wyobraźmy sobie, że musimy umieścić podsumowanie newsa i chcemy, aby się wyróżniał inny tekst, moglibyśmy sprawić, by jego wyrównanie było skoncentrowane, abyśmy osiągnęli rozgłos, którego chcieliśmy na początku.
Aby to osiągnąć, użyjemy dwóch właściwości:
1. wyrównanie tekstu: Określa, że wyrównanie bloku tekstu może przyjmować wartości: początek, koniec, lewo, prawo, środek, justowanie.
2. tekst-wyrównaj: Określa technikę, która będzie używana do justowania tekstu, gdy justowanie zostanie wybrane podczas wyrównywania tekstu.
Zobaczmy fragment kodu, w którym zastosujemy to:PrzykładIstnieje wiele różnych rodzajów owoców - tylko ponad 500 odmian bananów. Zanim dodamy niezliczone rodzaje jabłek, pomarańczy i innych dobrze znanych owoców, stajemy przed tysiącami wyborów. Jednym z najciekawszych aspektów owoców jest odmiana dostępna w każdym kraju. Mieszkam niedaleko Londynu, w okolicy znanej z jabłek.
Początek Koniec Lewo Prawo Wyrównaj Środek
W tej części kodu zrobiliśmy a scenariusz z językiem JavaScript co pozwala nam zmienić atrybut wyrównanie tekstu tak, że po uruchomieniu go w naszej przeglądarce możemy zobaczyć różnicę między każdą z wartości właściwości atrybutu. Zobaczmy, jak mamy kilka z tych zastosowanych właściwości w przeglądarce:
POWIĘKSZAĆ
Zobaczmy teraz kolejną cechę HTML5 gdy tekst ma spacje puste, podwójne lub potrójne, przeglądarka zwykle zastępuje je spacją pojedynczą, tak jak puste linie, ignoruje je, aby z nim pracować mamy właściwość Biała przestrzeń, może przyjąć następujące atrybuty:
- normalna: Jest to domyślna wartość w przeglądarce, ignoruje wiele spacji i znaków nowej linii.
- nowrap: W takim przypadku spacje są ignorowane, ale łamania wierszy są przestrzegane.
- przed: Białe znaki i tylko łamania wierszy są zachowywane.
- pre-line: Spacja jest ignorowana, ale łamanie wiersza jest przestrzegane.
- owijanie wstępne: Odstępy między białymi są przestrzegane i nastąpi przerwanie linii, gdy jest to określone lub wymagane przez blok.
Zobaczmy przykład:
PrzykładIstnieje wiele różnych rodzajów owoców - tylko ponad 500 odmian bananów. Zanim dodamy niezliczone rodzaje jabłek, pomarańczy i innych dobrze znanych owoców, stajemy przed tysiącami wyborów. Jednym z najciekawszych aspektów owoców jest odmiana dostępna w każdym kraju. Mieszkam niedaleko Londynu, w okolicy znanej z jabłek.
Jak widać, w tekście zawarliśmy wiele podwójnych spacji i wskazaliśmy, że użyjemy właściwości pre-line, Zobaczmy, co pokaże nam przeglądarka:
