Aliniere pe verticală a textului, css-trucuri în limba rusă

folosind CSS. Este necesar să se stabilească înălțimea liniei de text (line-height a textului) al blocului egală cu înălțimea (înălțimea). Se pare bine, dar principalul dezavantaj este că textul ar trebui să înfășurați.

Un exemplu clasic de text format din mai multe rânduri și centrate pe verticală și pe orizontală - „bule“ cu cuvintele personajelor. Acest lucru se poate face cu ajutorul CSS, folosind tabele CSS. Iată ce se întâmplă:

Ia HTML cel mai simplu. „Zona“ - o regiune în care dorim să centrați textul. Setați-l la proprietatea poziția de a relativă. Acest lucru va permite absolut poziționa textul în cadrul „bubble“.

Pentru regiunea „bula“ setați proprietatea de afișare la masă. că, în sine, nu înseamnă nimic, dar atunci putem defini elementul interior

proprietate de afișare egală cu masa de celule. care ne permit să se alinieze vertical textul din ea.

Frumos, nu-i așa?

Și modul în care afacerile cu IE <=7.

IE 8 suportă CSS-masă, astfel încât acesta afișează pagina corectă, dar versiunile anterioare nu. În rezulate obținem următoarele:

Cu toate acestea, există mai multe soluții.

O soluție - tag folie

într-un alt