单行文本我们设置垂直居中，可以使用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的全部内容，更多相关垂直居中内容请搜索靠谱客的其他文章。
本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。
![[ CSS ] line-height 与垂直居中!](https://file2.kaopuke.com:8081/files_image/reation/bcimg12.png)
发表评论 取消回复