div居中代码怎么写

想让一个div居中(不是内部文字),但在网上找的方法都没用,在线等!希望能直接添加代码
div style="BORDER-RIGHT: #a8e61d 1px dashed; BORDER-TOP: #a8e61d 1px dashed; BORDER-LEFT: #a8e61d 1px dashed; BORDER-BOTTOM: #a8e61d 1px dashed;width:675px;font-size:13px;margin:0px auto;text-align:center;color:#009900">

第1个回答  2013-08-26
如果只是水平居中的话,只需要先定义DIV的宽度,再设置外边距margin属性的左右边距为auto即可。此时DIV便会相对于它的父容器水平居中。

比如 <div class=div_a><div class="div_b"><div></div>

设置div_b的样式
.div_b{width:100px; margin:0 auto;}

这样div_b便在div_a中水平居中了。如果外面没有父DIV,则div_b便相对于整个页面居中。注意如果div_b定义了浮动属性float则无效。追问

div style="BORDER-RIGHT: #a8e61d 1px dashed; BORDER-TOP: #a8e61d 1px dashed; BORDER-LEFT: #a8e61d 1px dashed; BORDER-BOTTOM: #a8e61d 1px dashed;width:698pxmargin:0px auto;">帮忙看看那里有问题

追答

你这个水平居中是没有问题的。只是样式中font-size:13px;这里,后面的分号是中文输入法下的分号,导致后面的样式无效。改过来就没问题

追问

非常感谢,佩服!已提高悬赏

本回答被提问者和网友采纳
第2个回答  2013-08-25
首先需要一个顶层的div,width:1000px;text-align:center;
在里面放个div固定宽度,margin:0 auto;
<style type="text/css">
.main{
width:1000px;
text-align:center;
border:solid 1px red;
}
.content{
width:500px;
margin:0 auto;
border:solid 1px blue;
}
</style>

<div class="main">
<div class="content">
this is content...
</div>
</div>
第3个回答  2013-08-26
固定宽带,设置margin:0 auto;clear:both;
相似回答