多行文字水平垂直居中在div

最新推荐文章于 2021-08-04 00:26:44 发布

weixin_30838921

最新推荐文章于 2021-08-04 00:26:44 发布

阅读量83

点赞数

原文链接：http://www.cnblogs.com/leshao/p/4651502.html

版权

<BODY>

<h3>1.单行文字居中</h3>

这是高度为30像素的单行文字

</div>

<h3>2.多行文字不定高度居中</h3>

<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

转载于:https://www.cnblogs.com/leshao/p/4651502.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

关注关注