Teksta izlīdzināšana - CSS-triki

Anonim

text-alignĪpašums CSS izmanto saskaņot iekšējo saturu bloka elementa.

p ( text-align: center; )

Šīs ir tradicionālās teksta izlīdzināšanas vērtības:

  • left- noklusējuma vērtība. Saturs tiek izlīdzināts pa kreiso pusi.
  • right - Saturs tiek izlīdzināts gar labo pusi.
  • center- Satura centrs atrodas starp kreiso un labo malu. Baltai atstarpei katras līnijas kreisajā un labajā pusē jābūt vienādai.
  • justify - Satura atstarpes ir tādas, lai pēc iespējas vairāk bloku ietilptu vienā rindā, un pirmais šīs līnijas vārds ir pa kreiso malu, bet pēdējais - pa labo malu.
  • inherit - Vērtība būs tāda, kāda ir vecākā elementa vērtība.

“Saturs” šeit tiek izmantots kā termins “teksta” vietā, jo, lai gan teksta līdzināšana noteikti ietekmē tekstu, tas ietekmē visus tajā ievietotos vai ievietotos blokus.

Arī CSS3 ir divas jaunas vērtības - sākums un beigas. Šīs vērtības atvieglo vairāku valodu atbalstu, piemēram, angļu valoda ir no kreisās uz labo (ltr), bet arābu - no labās uz kreiso (rtl). Vērtībām “labo” un “kreiso” lietošana ir pārāk stingra un nepielāgojas, mainoties virzienam. Šīs jaunās vērtības pielāgojas:

  • start - Tas pats, kas “kreisais” ltr, tāpat kā “pa labi” rtl.
  • end - Tas pats, kas “labais” ltr, tāds pats kā “kreisais” rtl.

Ir arī tas match-parent, kas ir līdzīgs inherittikai tam, ka jaunā vērtība tiek aprēķināta, ņemot vērā pašreizējā elementa virzienu, nevis to darot.

Specifikācijā ir dažas lietas, kurām vēl nav pārlūka atbalsta. Viena ir vērtība “sākuma beigas”, kas izlīdzinās pirmo rindu tā, it kā tā būtu “sākums”, un visas turpmākās rindas, it kā tā būtu “beigas”. Cits piešķir vērtībai virkni, piemēram, text-align: "." start;teksts tiks izkārtots gar pirmo tā rašanos, tāpat kā skaitļu kolonnas rindā pa komatu.

Piemēri

Šis teksts ir izlīdzināts pa kreisi.

Šis teksts ir izlīdzināts pa labi.

Es esmu centrēts!

Es esmu pamatots. Es precīzi aizpildu vietu (izņemot pēdējo rindu), pat ja man reizēm mazliet jāpastiepjas.

Es mantoju vecāku pielīdzināšanu. Šajā gadījumā tas nozīmē kreiso.

Pārlūka atbalsts

Kreisajam, labajam, centrālajam, pamatojiet:

Chrome Safari Firefox Opera IE Android iOS
Jebkurš Jebkurš Jebkurš 3,5+ 3+ Jebkurš Jebkurš

Par startun endvērtībām:

Chrome Safari Firefox Opera IE Android iOS
Jebkurš 3.1+ 3.6+ Nav Nav Jebkurš Jebkurš