HTML și CSS - o revoluție în lumea designului web!
- Gestionarea afișării mai multor documente utilizând foi de stil în cascadă
- Control mai precis asupra aspectului documentelor web
- Reprezentări diferite pentru medii diferite
- O tehnică de design sofisticată și bine concepută
Acasă / Rețete HTML și CSS / Alinierea verticală a unui element dintr-un bloc
Nivelarea cu proprietăți css de masă și de expresie pentru IE 7. Să presupunem că avem sarcina de a alinia punctul textul pe verticală în raport cu elementul cu dimensiuni cunoscute.
Mai întâi, creați marcajul html:
Pentru blocul cu clasa conteiner_wrap și paragraful cu textul vom aplica următoarele stiluri:
Dacă doriți, care ar fi câteva blocuri și acestea sunt aliniate unul în spatele celuilalt, ar trebui să fie recipientul principal conteiner_wrap adăuga float proprietate css: left;. Pentru claritate, în exemplul de mai jos sunt afișate trei blocuri cu text.
Un exemplu despre ce ar trebui să se întâmple:
Un paragraf de text pe care doriți să îl aliniați vertical cu privire la primul bloc gri.
Un paragraf de text pe care doriți să îl aliniați vertical în raport cu al doilea bloc gri.
Un paragraf de text pe care doriți să îl aliniați vertical cu privire la cel de-al treilea bloc gri.
Un dezavantaj semnificativ al acestei metode este lipsa de sprijin în IE 7. Din fericire, cu ajutorul unor mici „dans cu o tamburina,“ browser-ul va arăta că intenționat.
Ce ar fi "măgarul" recalcitrant să nu fie capricios să adăugați câteva paragrafe de stil paragrafului cu textul:
Dacă proprietatea expresie nu poate fi utilizată dintr-un anumit motiv, atunci puteți să o faceți fără ao utiliza.
Trimiteți-le prietenilor: