Zawartość

• Instrukcje
• Jak wyrównać tekst
• lewo {
• prawda {
• centrum {
• Jak scentralizować podziały, kontury i podziały ciała
• Jak
• Czego potrzebujesz

Zamiast używać atrybutów wyrównania HTML zawartych w znacznikach HTML oznaczających tekst, lepiej jest, aby projektanci stron internetowych przesyłali informacje prezentacji (opcje wyrównania) do arkusza stylów. W tym artykule wyjaśniono, jak wyrównać tekst i jak wyśrodkować większe elementy strony, takie jak podziały.

Instrukcje

Arkusze stylów pozwalają wyrównać i wyśrodkować więcej niż tekst (obraz układu strony przez 6922Designer z Fotolia.com)

Jak wyrównać tekst

1. Aby wyrównać tekst w normalnym bloku tekstu, takim jak akapit lub cytat, użyj właściwości wyrównania tekstu.

2. Opcje wartości właściwości wyrównywania tekstu są lewe, prawe, środkowe i justuj. Ponieważ uzasadniony tekst nie jest zbyt czytelny w sieci, ilustracja pokazuje tylko wyrównania do lewej, prawej i środkowej. Na tej ilustracji każdy akapit ma czarną ramkę, aby zademonstrować rozmiar elementu bloku na stronie, jeśli dopasowanie elementu nie zostanie zastosowane.

3. Zazwyczaj element jest przypisany do identyfikatora lub klasy. Wyrównanie tekstu na dowolnych elementach w tym identyfikatorze lub klasie jest zdefiniowane za pomocą reguły, takiej jak:

   
   

   lewo {

   wyrównanie tekstu: lewo; }

   prawda {

   text-align: right; }

   centrum {

   wyrównywanie tekstu: środek; }

Jak scentralizować podziały, kontury i podziały ciała

1. Możesz wyśrodkować cały układ lub duży układ. W takich przypadkach używana jest inna technika CSS.

2. Stosujesz regułę CSS do selektora największego elementu, który chcesz wyśrodkować. Może to być element ciała, podział granicy lub podział kontenera.

3. Centrowanie przy użyciu tej metody nie wpływa na wyrównanie tekstu. Wyśrodkowany element zachowa domyślne wyrównanie tekstu w lewo do wyśrodkowanego elementu.

4. Poniżej przedstawiono ilustrację całego elementu ciała (z czarną ramką dla jasności) wyśrodkowanego na stronie. Należy ustawić szerokość elementu, a lewy i prawy margines są ustawione na automatyczne. Odbywa się to w następujący sposób:

   ciało {szerokość: 80%; margin-right: auto; margin-left: auto; obramowanie: 1px solid black; }

   
   

Jak

• Normalnie nie musisz używać wyrównania do lewej, ponieważ wyrównanie do lewej jest domyślne.Musisz jednak mieć świadomość, że istnieje, jeśli musisz później zdefiniować wcześniej scentralizowany lub wyrównany do prawej tekst. Szerokość wyśrodkowanego elementu można zdefiniować w pikselach, procentach lub ems.

Czego potrzebujesz

• Edytor tekstu
• Edytor HTML
• Podstawowa wiedza HTML