Karamihan sa mga pahina ngayon ay inilalagay gamit ang mga layer (div), kaya ang problema ng pag-align ng site sa gitna ng window ng browser ay nabawasan sa gawain ng pagsasentro sa layer na tumutukoy sa lapad ng nakikitang lugar ng pahina. Upang makaposisyon ito sa gitna ng window, kinakailangan upang itakda ang naaangkop na mga setting para sa elemento ng magulang nito, o para sa block na ito mismo.
Kailangan iyon
Pangunahing kaalaman sa mga wikang HTML at CSS
Panuto
Hakbang 1
Ilagay ang layer na nais mong iposisyon sa gitna ng bintana, sa pagitan ng mga pambungad at pagsasara ng mga bahagi ng tag ng gitna, kung nais mong gawin lamang ang paggamit ng mga paraan ng wikang HTML (Wika ng Markup na Teksto - "wikang marka ng hypertext"). Ipagpapalagay namin na ang magulang ng layer na tumutukoy sa mga hangganan ng pahina ay ang katawan ng pahinang ito. Ang pinakasimpleng bersyon ng HTML code na gumagamit ng center tag sa kasong ito ay maaaring magmukhang ganito:
Pahina ng center
teksto ng pahina
Hakbang 2
Kung nais mong gumamit ng CSS (Cascading Style Sheets) upang isentro ang pagkakahanay ng pahina, gamitin ang auto-sukat ng padding mula sa mga hangganan ng window ng browser. Ang mga laki ng margin sa CSS ay natutukoy ng parameter ng margin. Alisin ang mga gitnang tag mula sa nakaraang sample at magdagdag ng isang parameter ng margin na 0 auto sa katangian ng istilo ng layer na tumutukoy sa lapad ng pahina:
Pahina ng center
teksto ng pahina
Hakbang 3
Siyempre, ang kahulugan ng estilo ay maaaring makuha sa istilo ng katangian at ilagay sa isang panlabas na file o sa ulo ng dokumento (sa pagitan ng mga at mga tag). Sa kasong ito, ganito ang magiging hitsura ng parehong code:
Pahina ng center
#pageFrame {
lapad: 700px;
taas: 400px;
background: # 0BB;
margin: 0 auto;
}
teksto ng pahina
