作者Numino (神聖光芒)
看板Web_Design
標題[問題] css讓div居中的問題
時間Thu Mar 13 11:35:53 2008
一個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
推 GcB:<div style="width:740px; margin:auto;">div1</div> 03/13 13:05
推 GALINE:text-align會影響div的位置也是IE的獨門把戲之一 03/13 15:13
→ GALINE:更可恨的是IE6沒辦法靠margin:auto來置中。所以實際做網頁 03/13 15:14
→ GALINE:text-align跟margin:auto都要加。不知IE7吃不吃margin:auto 03/13 15:15
推 seraphiam:設定margin-left:auto;margin-right:auto,有width可work 03/22 00:41
