Dauguma puslapių šiandien yra išdėstyti naudojant sluoksnius (div), todėl svetainės sulyginimo su naršyklės lango viduriu problema sumažėja iki užduoties centruoti sluoksnį, kuris nustato matomos puslapio srities plotį. Norint, kad jis būtų išdėstytas lango viduryje, būtina nustatyti atitinkamus jo pirminio elemento arba šio bloko nustatymus.
Tai būtina
Pagrindinės HTML ir CSS kalbų žinios
Nurodymai
1 žingsnis
Jei norite tai padaryti tiesiog naudodami HTML kalbos priemones („HyperText Markup Language“- „hiperteksto žymėjimo kalba“), įdėkite sluoksnį, kurį norite įdėti į lango centrą, tarp vidurinės žymos atidaromosios ir uždaromosios dalių.. Manysime, kad sluoksnio, apibrėžiančio puslapio kraštus, tėvas yra šio puslapio turinys. Šiuo atveju paprasčiausia HTML kodo versija, naudojant centrinę žymą, gali atrodyti taip:
Centro puslapis
puslapio tekstas
2 žingsnis
Jei norite naudoti CSS („Cascading Style Sheets“), kad sulygiuotumėte puslapį, naudokite automatinį užpildo dydį pagal naršyklės lango kraštus. Maržos dydžiai CSS nustatomi pagal maržos parametrą. Pašalinkite centrines žymas iš ankstesnio pavyzdžio ir pridėkite 0 auto paraštės parametrą prie sluoksnio stiliaus atributo, apibrėžiančio puslapio plotį:
Centro puslapis
puslapio tekstas
3 žingsnis
Žinoma, stiliaus apibrėžimą galima pašalinti iš stiliaus atributo ir įdėti į išorinį failą arba į dokumento galvutę (tarp ir žymių). Tokiu atveju tas pats kodas atrodys taip:
Centro puslapis
#pageFrame {
plotis: 700 taškų;
aukštis: 400 taškų;
fonas: # 0BB;
paraštė: 0 auto;
}
puslapio tekstas
