作者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
1F:推 GcB:<div style="width:740px; margin:auto;">div1</div> 03/13 13:05
2F:推 GALINE:text-align会影响div的位置也是IE的独门把戏之一 03/13 15:13
3F:→ GALINE:更可恨的是IE6没办法靠margin:auto来置中。所以实际做网页 03/13 15:14
4F:→ GALINE:text-align跟margin:auto都要加。不知IE7吃不吃margin:auto 03/13 15:15
5F:推 seraphiam:设定margin-left:auto;margin-right:auto,有width可work 03/22 00:41