blocuri centrat în css, educație W3

Alinierea orizontală a conținutului care are proprietatea float se poate face foarte ușor și în plus pe deplin cross-browser (funcționează în Opera 8+, Firefox 3+, IE 5.5+).

EXEMPLU div bloc de egalizare

Pentru egalizarea fluxului de proprietate float sau mai multora aranjate într-un șir de blocuri, necesită o singură unitate externă. ODU și unitățile interioare poziția atribuită: absolută; și float: left;. numește un stânga extern: 50%;. și unități interioare dreapta: 50%;. Pentru a utiliza float: right; doriți să atribuiți să numească un drept extern: 50%;. și unități interioare stânga: 50%;. Vă recomandăm să clar float, după introducerea elementelor aliniate în blocul central al proprietății clar: ambele; .

Astfel, este posibil de a realiza o astfel de aliniere:

chenar verde are bloc intern cu id = bloc interior margine roșie, discontinuă are un bloc extern cu id = bloc.

exemplu HTML-cod arată așa cum se arată mai jos:

exemplu CSS-cod arată așa cum se arată mai jos:

Exemplu de aliniere a elementelor de meniu

Practic, exemplul de mai sus poate fi utilizat pentru meniul de aliniere orizontală a site-ului. Cu toate acestea, va trebui să ia în considerare faptul că un număr suficient de mare de puncte (care ocupă mai mult de jumătate din lățimea paginii) apare defilare pe orizontală. Pentru a scapa de aceasta aveți nevoie de o cutie externă pentru a aplica o depășire de proprietate. În cazul în care meniul drop-down, elementele sale verticale pot fi tăiate prin această unitate externă. Pentru a evita această problemă, trebuie să utilizați proprietatea overflow la blocul cât este posibil mai cuprinzătoare, de exemplu, la o unitate externă, încadrarea întregul conținut al paginii.

De exemplu, puteți alinia meniul după cum urmează:

puncte de frontieră verzi sunt lista ul li. chenar roșu intermitent are lista ul.

exemplu HTML-cod arată așa cum se arată mai jos:

exemplu CSS-cod arată așa cum se arată mai jos:

Deci, este destul de simplu. Vă doresc succes în dezvoltarea de noi metode.