CSS高手请教一个问题

来源:百度知道 编辑:UC知道 时间:2024/05/26 16:02:54
我现在要用DIV布局网站,现在想要让div居中,代码如下:
<style type="text/css">
<!--
BODY {
TEXT-ALIGN: center;
PADDING-BOTTOM: 0px;
MARGIN: 0px;
PADDING-LEFT: 0px;
PADDING-RIGHT: 0px;
FONT: 12px/150% simsun;
COLOR: #000;
PADDING-TOP: 0px
}
A {
COLOR: #000;
TEXT-DECORATION: none
}
A:hover {
COLOR: #015fb6;
TEXT-DECORATION: underline
}
.wrapper {
border:1px #F00 solid;
width:960px;
float:left;
}
#head {
border:1px #0CF solid;
height:50px;
width:400px;
}
-->
</style>
</head>
<body>
<div class="wrapper">
<div id="head"><a href="">fdsfsf</a></div>
</div>
</body>

=======================
问题是现在不居中,请高手指点。谢谢

.wrapper的样式定义中加一句 margin:0 auto使其居中
float:left也要去掉

在body中设置TEXT-ALIGN: center只是针对ie5而言
现在用ie5的人已经很少了,这句可以不用设置~

……
.wrapper {
border:1px #F00 solid;
width:960px;
float:left;
}
这段代码里,你加了一个 float:left; 左悬浮,怎么会居中呢……去掉就好楽