最后是怎么多行垂直居中的啊-慕课网

首页课程实战体系课手记专栏慕课教程

最后是怎么多行垂直居中的啊

来源：9-1 9. vertical-align的实际应用_x264

adad

2015-11-16 11:52

最后是怎么多行垂直居中的啊

写回答关注

2回答

钰__: 2017-08-13 21:02:48

<p class="box"><span>多行垂直居中<br>多行垂直居中<br>多行垂直居中<br>多行垂直居中</span><i></i></p>

.box {height:200px;background: #aaa;}
.box span {display: inline-block;vertical-align: middle;}
.box i {display: inline-block;height:100%;vertical-align: middle;}

0 1

刚仔

2015-12-15 11:09:00
1. inlineblock化，
2. 增加辅助元素宽度为0，高度百分百
3. 辅助的和要居中的元素vertical-align：middle
0 0

CSS深入理解之vertical-align

深入理解vertical-align的属性值，分享开发中应用经验

39336 学习 · 57 问题

查看课程

相似问题

最后一节实践课当中多行文字垂直居中如何实现？

回答 1

多行垂直居中做到了但如何同时做到水平居中呀

回答 1

垂直居中对齐疑问？

回答 3

div设置垂直居中无效化

回答 1

加辅助元素是绝对垂直居中吗

回答 2

打开慕课网App查看更多内容