<BODY>
<div class="box">
<h3>1.单行文字居中</h3>
<!--设置行高来实现-->
<div class="box1">
这是高度为30像素的单行文字
</div>
<h3>2.多行文字不定高度居中</h3>
<!--运用padding来实现-->
<div class="box2">
<div>多行文字不定高度居中</div>
<div>多行文字不定高度居中</div>
<div>多行文字不定高度居中</div>
</div>
</div>
</BODY>
=============================
.box {
width: 800px;
margin: 50px auto;
border: 1px solid red;
font-size: 16px;
text-align: center;
}
.box1 {
border: 1px dashed red;
line-height: 40px;
margin: 30px;
}
.box2 {
border: 1px dashed red;
padding: 60px 0;
margin: 30px;
}
参考： http://www.cnblogs.com/siqi/archive/2013/06/16/3138289.html
时间： 2024-08-05 13:32:13