Utilizați CSS pentru a centra un document cu un layout de lățime fixă

Liniile fixe de lățime pot fi greu de centrat cu unele browsere populare acolo, dar este posibil, cu doar câteva linii de cod.

Creați o pagină Web nouă cu o foaie de stil CSS în editorul HTML.
Creați un element div ca element principal al paginii în care veți stoca totul pe pagină.
Dă elementului div un ID care este unic pe pagină.
Deschideți foaia de stil CSS și setați lățimea elementului div. div # principală {lățime: 750px; }
Adăugați marje automate pentru a vă centra div. div # principală {lățime: 750px; margin-stânga: auto; margin-right: auto}
Pentru a rezolva problema pentru Netscape 4 și IE 4 - 6 ( mod quirks ) adăugați un text-aliniere pe corp. corp {text-aliniere: centru; }
Dar atunci tot textul din interior este centrat, deci re-aliniați textul în diviziunea #main div adăugând text-align: left; acolo. div # principală {lățime: 750px; margin-stânga: auto; margin-dreapta: auto; text-aliniere: stânga; }
Salvați pagina și foaia de stil.
Testați în mai multe browsere Web.

Aceasta va centraliza caseta de aspect, dar nu conținutul din cadrul acesteia. Utilizați text-aliniere pentru a centra conținutul interior.

Alike posts