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;