div居中代码怎么写

发布网友发布时间：2022-04-30 22:47

共3个回答

热心网友时间：2022-05-13 19:49

如果只是水平居中的话，只需要先定义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则无效。

热心网友时间：2022-05-13 21:07

首先需要一个顶层的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>

热心网友时间：2022-05-13 22:42

固定宽带，设置margin:0 auto;clear:both;