多行文本水平垂直居中模型实现
来源：6-1 line-height的实际应用
上衫原
2017-11-30 23:03
<div class="box3"> <div class="text">多行文本水平居中实现原理:text-align,vertical-align继承</div> </div>
.box3 { line-height: 300px; text-align: center; background: rgb(63, 214, 121); height: 300px;}
.box3 .text { max-width:100%; display: inline-block; line-height: normal; text-align: left; vertical-align: middle; margin: 0;}并没有垂直居中，请问是什么问题。具有内联元素文字居中特性，但是行高失效
写回答
关注
1回答
-
- 阡陌心情
- 2017-12-05 10:56:07
亲测 好使的，怀疑你的代码中存在标点错误，导致代码无法执行
CSS深入理解之line-height
带领大家深入理解line-height的定义，还有实际应用经验分享
43086 学习 · 64 问题
相似问题