Text-align - CSS-trükkök

Anonim

A text-alignCSS tulajdonság a blokkelem belső tartalmának összehangolására szolgál.

p ( text-align: center; )

Ezek a szöveg igazításának hagyományos értékei:

  • left- Az alapértelmezett érték. A tartalom a bal oldal mentén igazodik.
  • right - A tartalom a jobb oldal mentén igazodik.
  • center- A tartalom középpontja a bal és a jobb szél között. Az egyes vonalak bal és jobb oldalán a térnek egyenlőnek kell lennie.
  • justify - A tartalmi terek úgy kerülnek ki, hogy annyi blokk illeszkedjen egy sorra, amennyire csak lehetséges, és ezen a soron az első szó a bal szélen, az utolsó szó pedig a jobb szélén van.
  • inherit - Az érték bármi is lesz a szülő elemé.

A „tartalom” itt kifejezésként használatos a „szöveg” helyett, mert bár a text-align minden bizonnyal befolyásolja a szöveget, az a tároló összes inline vagy inline-block elemét érinti.

A CSS3-ban is két új érték van, kezdet és vég. Ezek az értékek megkönnyítik a több nyelvi támogatást. Például az angol balról jobbra (ltr), az arab pedig jobbról balra (rtl). A „jobb” és a „bal” használata értékekhez túl merev, és nem alkalmazkodik az irány változásához. Ezek az új értékek alkalmazkodnak:

  • start - Ugyanaz, mint a „bal” az ltr-ben, ugyanaz, mint a „jobb” az rtl-ben.
  • end - Ugyanaz, mint a „jobb” az ltr-ben, ugyanaz, mint a „bal” az rtl-ben.

Van olyan is match-parent, amely hasonló inherit, csak az, hogy az új értéket az aktuális elem irányához képest számítják ki, ahelyett, hogy tudná, hogy nem ezt tenné.

Van néhány olyan dolog a specifikációban, amelyek még nem támogatják a böngészőt. Az egyik a „kezdet vége” érték, amely az első sort úgy állítja be, mintha a „kezdet” lenne, és az összes következő sort úgy, mintha a „vég” lenne. A másik egy karakterláncot ad az értéknek, mint például text-align: "." start;A szöveg ennek első előfordulása szerint fog vonalba lépni, például egy számoszlop tizedespont mentén történő felsorolásához.

Példák

Ez a szöveg balra igazítva.

Ez a szöveg jobbra igazított.

Központú vagyok!

Igazolom. Pontosan kitöltöm a helyet (kivéve az utolsó sort), még akkor is, ha időnként kicsit nyújtózkodnom kell.

Öröklöm a szülőm igazodását. Ebben az esetben ez balat jelent.

Böngésző támogatás

Balra, jobbra, középre igazolja:

Króm Szafari Firefox Opera AZAZ Android iOS
Bármi Bármi Bármi 3,5+ 3+ Bármi Bármi

A startés endértékek esetében:

Króm Szafari Firefox Opera AZAZ Android iOS
Bármi 3.1+ 3,6+ Egyik sem Egyik sem Bármi Bármi