单行文本我们设置垂直居中，可以使用line-height的高度和height的高度一致。
实例：
复制代码
1
2
3
4
5
6
7
8
9
10
11
12
13.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 与垂直居中!](/uploads/reation/bcimg12.png)
发表评论 取消回复