Kuidas Muuta Veebisait Keskseks

Sisukord:

Kuidas Muuta Veebisait Keskseks
Kuidas Muuta Veebisait Keskseks

Video: Kuidas Muuta Veebisait Keskseks

Video: Kuidas Muuta Veebisait Keskseks
Video: Ennustus 2021. Mis juhtub maailmaga lähitulevikus (1. osa) 2024, November
Anonim

Enamik lehti on tänapäeval paigutatud kihtide (div) abil, seega vähendatakse saidi joondamise brauseriakna keskele probleemi keskpunkti, mis määrab lehe nähtava ala laiuse. Selleks, et see asuks akna keskel, on vaja seadistada selle vanemelemendi või selle ploki enda jaoks sobivad sätted.

Kuidas muuta veebisait keskseks
Kuidas muuta veebisait keskseks

See on vajalik

Põhiteadmised HTML- ja CSS-keeltest

Juhised

Samm 1

Pange kiht, mille soovite paigutada, akna keskele, keskse sildi avamise ja sulgemise osade vahele, kui soovite seda teha lihtsalt HTML-keele abil (HyperText Markup Language - "hüperteksti märgistuskeel"). Eeldame, et lehe piire määrava kihi vanem on selle lehe keha. Sel juhul keskmist silti kasutava HTML-koodi kõige lihtsam versioon võib välja näha järgmine:

Keskeleht

lehe tekst

2. samm

Kui soovite lehe keskele joondamiseks kasutada CSS-i (kaskaadstiililehed), kasutage brauseriakna piiridest täidise automaatset suurust. Varude suurused CSS-is määratakse marginaali parameetri abil. Eemaldage eelmisest proovist keskmised sildid ja lisage lehe laiust määratleva kihi stiili atribuudile veerise parameeter 0 auto:

Keskeleht

lehe tekst

3. samm

Muidugi saab stiili määratluse stiili atribuudist välja võtta ja paigutada välisse faili või dokumendi peaossa (ja siltide vahele). Sel juhul näeb sama kood välja järgmine:

Keskeleht

#pageFrame {

laius: 700px;

kõrgus: 400px;

taust: # 0BB;

veeris: 0 automaatne;

}

lehe tekst

Soovitan: