Proprietatea vertical-align - proprietati css

proprietate Vertical-align stabilește alinierea verticală a elementului.

Proprietatea se aplică verticală alinia membru de aliniere în raport cu elementul de bază, în raport cu alinierea textului sau a elementelor verticale în celulele de masă.

Această proprietate se aplică elementelor încorporate și celule de masă (tag-uri și ).

Nu toate browserele afișează utilizarea corectă a acestei proprietăți, cu unele valori.

- valoarea inițială - aliniază elementul de bază linia de la linia de bază a elementului mamă,

- mijloc - elementul centru aliniat vertical cu linia de bază a părintelui + jumătate din înălțimea elementului părinte,

- text-top - aliniază limita superioară a elementului - la partea de sus a cel mai mare element de rând,

- text-bottom - aliniază limita inferioară a elementului - partea inferioară a unui element de linie situată sub toate,

- sus - aliniază limita superioară a elementului - linia de limita superioară,

- de jos - aliniază limita inferioară a elementului - linia de delimitare inferioară,

- Super - elementul apare ca un exponent. Dimensiunea fontului nu este schimbat,

- Sub - element este afișat ca un indice. Dimensiunea fontului nu este schimbat,

- număr întreg pozitiv în unități acceptate în CSS (mai mult aici.). O valoare pozitivă - elementul este deplasat în sus, o valoare negativă - elementul este deplasat în jos, în raport cu linia de bază,

- moștenesc - este nevoie de valoarea elementului mamă.

Valorile care sunt folosite pentru alinierea elementelor pe verticală în celulele de tabel:

- linia de bază - aliniază baza liniei de celule cu linia de bază a seriei, în care se află,

- jos - alinierea conținutului marginii de jos a celulei,

- mijloc - alinierea conținutului celulei la centrul său,

- top - alinierea conținutului pe marginea superioară a celulei,

- moștenesc - este nevoie de valoarea elementului mamă.

valoarea prestabilită

- linia de bază - în raport cu elementul părinte sau text,

- mijloc - în celulele de tabel.

Exemplul 1 - vertical-align proprietate

Locația implicită - valoarea inițială.

Locația implicită - valoarea inițială.

elementul central este situat în centrul textului - mijloc.

Limita inferioară a elementului este aliniat la linia de frontiera de jos - de jos.

Membrul limita inferioară aliniat pe partea de jos a unui element de linie situat sub toate - textul de jos.

superscript super

subscript Sub

Exemplul 2 - Proprietatea vertical-align în ceea ce privește masa Cells

Aliniere sus.

Alinierea la mijloc.

Aliniere jos.

Alinierea liniei de bază.

Aliniere sus.

Alinierea la mijloc.

Aliniere jos.

Alinierea liniei de bază.

Deci, cu valori de top. de jos și simplu mijloc, și cred că aici aveți o dificultate, nu se pune.

Un alt lucru - valoarea de referință. Ar trebui să fie ceva pentru a explica.

Baseline - o linie imaginară care trece de-a lungul marginii de jos a personajelor. Acest lucru se referă la textul.

În ceea ce privește elementele de bloc și imaginile, acestea au o linie de bază se execută de-a lungul unei frontiere imaginare a amprentei inferioare (proprietate marja).

Masa de celule Baseline coincide cu o linie de bază a primului rând sau primul bloc de text localizat în celulă (în funcție de ceea ce este la început). Ori acest lucru este partea de jos a celulei, dacă e lipsită de conținut.

În cazul în care rând din tabelul de câteva celule, linia de bază va fi numărul total al tuturor celulelor sale.

Exemplul 3 - Proprietatea vertical-align în ceea ce privește celulele tabelului. valoarea de condiții inițiale

În primul caz, numărul liniei de bază aceeași ca linia celulară de bază cu un pinguin mare - adică linia de bază a imaginii. Apropo, încercați să adăugați la marginea de jos a imaginii (proprietate marginea de jos), și apoi linia de bază scade la valoarea amprentei.

În al doilea caz pinguin mare șters linie și linia de bază până la linia de bază cu celule un pinguin mai mici.

Și în al treilea exemplu de realizare, linia de bază a seriei coincide cu baza liniei de celule cu un text mare, care este, cu linia de bază a primei linii de text în celulă.

valoarea de referință	Baseline		Baseline	valoarea de referință
valoarea de referință	Baseline		Baseline	valoarea de referință
valoarea de referință	Baseline		Baseline	Valoare. valoarea inițială