概述
单行文本我们设置垂直居中，可以使用line-height的高度和height的高度一致。
实例：
.center {
line-height: 200px;
height: 200px;
border: 3px solid green;
text-align: center;
}
/* 如果文本有多行，添加以下代码: */
.center p {
line-height: 1.5;
display: inline-block;
vertical-align: middle;
}
最后
以上就是敏感小土豆为你收集整理的垂直居中 - 使用 line-height的全部内容，希望文章能够帮你解决垂直居中 - 使用 line-height所遇到的程序开发问题。
如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。
本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。
![[ CSS ] line-height 与垂直居中!](/uploads/reation/bcimg12.png)
发表评论 取消回复