[問題] css讓div居中的問題

看板Web_Design作者 (神聖光芒)時間16年前 (2008/03/13 11:35), 編輯推噓3(302)
留言5則, 3人參與, 最新討論串1/2 (看更多)
一個divAll內放另一個div1,怎樣讓div1居中 我用了下面的方法: <head> <style> div {border:1px solid #000099;padding:2px;} </style> </head> <body> <div style="text-align:center;"> divAll <div style="width:740px;">div1</div> </div> </body> 結果在IE7.0顯示的結果是我想要的,見下圖: http://numino.net/tmp/ie.gif
在firefox2.0顯示偏左,見下圖 http://numino.net/tmp/fx.gif
怎樣用css讓裡面的div在fx下居中 我知道可以用<center><div>div1</div></center>或align="center"來居中 但是我想用css來實現居中 感謝 -- 太初有,道即是 -- ※ 發信站: 批踢踢實業坊(ptt.cc) ◆ From: 117.86.6.0

03/13 13:05, , 1F
<div style="width:740px; margin:auto;">div1</div>
03/13 13:05, 1F

03/13 15:13, , 2F
text-align會影響div的位置也是IE的獨門把戲之一
03/13 15:13, 2F

03/13 15:14, , 3F
更可恨的是IE6沒辦法靠margin:auto來置中。所以實際做網頁
03/13 15:14, 3F

03/13 15:15, , 4F
text-align跟margin:auto都要加。不知IE7吃不吃margin:auto
03/13 15:15, 4F

03/22 00:41, , 5F
設定margin-left:auto;margin-right:auto,有width可work
03/22 00:41, 5F
文章代碼(AID): #17sA4UK9 (Web_Design)
文章代碼(AID): #17sA4UK9 (Web_Design)