Css vertical-align, exemple

proprietate CSS vertical-align este responsabil pentru alinierea verticală a textului, imaginile de pe pagină. O caracteristică importantă este că funcționează numai cu elemente de tabele, inline si elemente inline-bloc. Sprijinit de toate browserele moderne.

Sintaxa CSS vertical-align

În cazul în care valoarea poate lua următoarele valori:

  • valoarea inițială - se aliniază cu linia de bază a strămoșul (sau limita inferioară a părintelui)
  • jos - alinierea părții inferioare a liniei (sau element, care este situat sub toate)
  • mijloc - punctul element de aliniere medie părinte linia de bază, plus jumătate din înălțimea elementului mamă
  • Sub - afișare are loc sub linia (arata ca un subscript)
  • super-- display vine on-line (ca superscript)
  • text-bottom - limita inferioară a elementului de aliniere de-a lungul liniei de margine inferioară
  • text-top - de sus a elementului de aliniere de delimitare de-a lungul liniei de margine superioară
  • top - elementul superior de aliniere margine în partea de sus a elementului rând cel mai înalt
  • moștenesc - moștenesc valoarea părintelui
  • Valoarea - a declarat în pixeli. Un număr pozitiv dislocă în sus în raport cu linia de bază. jos negativ
  • interes - a declarat în protsetov. Un număr pozitiv dislocă în sus în raport cu linia de bază. jos negativ

Valoarea verticală-align în mod implicit:

  • valoarea inițială (pentru elemente de linie)
  • mijloc (pentru celulele de tabel)

Alinierea verticală în tabelele

Cel mai adesea, vertical-align utilizate în celulele de tabel. eticheta

utilizați atributul valign.

CSS sintaxa valign pentru tabele

În cazul în care valoarea poate lua următoarele valori:

  • valoarea inițială - aliniere a liniei de bază șir de text primul
  • jos - aliniază marginea de jos a celulei de masă
  • mijloc - mijlocul alinierii celulei
  • top - alinierea marginii superioare a celulei

Transformată pe pagina următoare:

Aliniere sus

articole similare