Ang mga nakapirming layout ng lapad ay maaaring maging mahirap na i-sentro sa ilan sa mga sikat na browser dito, ngunit posible, na may ilang mga linya ng code.
Narito & # 39; s Paano
- Gumawa ng isang bagong pahina ng Web gamit ang isang CSS stylesheet sa iyong HTML editor.
- Gumawa ng div element bilang pangunahing elemento sa pahina kung saan mo itabi ang lahat sa pahina.
- Ibigay ang elementong div na isang ID na natatangi sa pahina.
- Buksan ang iyong sheet ng estilo ng CSS at itakda ang lapad ng iyong elemento ng div. div # main {width: 750px; }
- Magdagdag ng mga awtomatikong margin upang i-center ang iyong div. div # main {width: 750px; margin-left: auto; margin-right: auto}
- Upang ayusin ito para sa Netscape 4, at IE 4 - 6 ( mode ng quirks ) magdagdag ng isang text-align sa katawan. katawan {text-align: center; }
- Ngunit pagkatapos ay ang lahat ng mga teksto sa loob ay nakasentro, kaya muling i-align ang teksto sa iyong #main div sa pamamagitan ng pagdaragdag ng teksto-align: kaliwa; doon. div # main {width: 750px; margin-left: auto; margin-right: auto; text-align: left; }
- I-save ang iyong pahina at ang iyong style sheet.
- Subukan sa maraming Web browser.
Tip
Ito ang magiging sentro ng kahon ng layout ngunit hindi ang nilalaman sa loob nito. Gamitin ang teksto-align upang i-sentro ang panloob na nilalaman.