在IE瀏覽器 body{text-align:center;} 這樣就可以使區塊橫向置中,
但是在Mozilla瀏覽器卻沒有效果,
必須再針對居中層加入 margin-right: auto;margin-left: auto; 例如:
body{text-align: center;}
#divs{margin-right: auto;margin-left: auto;}
<div id="divs" >這是一個相容各瀏覽器的置中區塊</div>
但這樣會連文字都置中了
你可以在為div指定文字對齊方式,例如:
text-align:left; /*文字靠左對齊*/
還有一種更簡單的方式,但是對於IE5/win沒有效果
#divs{margin : 0px auto;}
<div id="divs" >這是一個置中區塊但IE5/Win無法置中</div> |