Așa cum am promis mai devreme în această lecție, veți afla cum puteți alinia orizontal conținutul HTML-tag-ul de pe pagina fără a utiliza atributul align depășite. După cum probabil ați ghicit, vom folosi din nou stiluri (CSS), ci mai degrabă atribui stilul nostru preferat.
Deci, în scopul de a alinia conținutul-elementul HTML, trebuie să alocați un atribut stil de una dintre următoarele:
- text-align: center - Alinierea fiecărui element de linie de noroc, de exemplu, secțiunea.
- text-align: left - Fiecare rând de strâns presat pe partea stângă a elementului (aceasta este implicit).
- text-align: dreapta - Fiecare șir este apăsat pe partea dreapta.
- text-align: justifica - Alinierea de pe partea stângă și dreaptă a elementului. Lasă-mă să explic. De obicei, elementul cum ar fi secțiunea, o parte a textului este întotdeauna netedă, iar celălalt - „rupt“, ca lungimea liniilor pentru a obține un pic diferit. Și când folosim valoarea text-align: justify. fiecare linie este distribuită uniform pe toată lățimea. Dacă este necesar, între cuvintele browser-ul adaugă spații suplimentare, iar primele și ultimele rânduri de cuvinte sunt întotdeauna presate împotriva părților în cauză, se transformă atât de netede pe ambele părți ale blocului.
EXEMPLU taguri conținut aliniere
Rezultatul în browser
Titlu în mijloc.
punctul text este presat la dreapta.
Punctul în mijloc.
În general, alinierea orizontală se aplică numai pentru a bloca imaginile obscene și celule de masă (despre ele mai târziu). În timp ce pe de altă parte, chiar dacă încercați, nu puteți aplica la încorporat (inline). De ce? Și amintiți-vă, am descoperit recent că lățimea elementului încorporat este conținutul său? Prin urmare, se dovedește că același conținut pur și simplu nicăieri să fie aliniate, iar browser-ul elementar ignora „arta“ ta. )