0
点赞
收藏
分享

微信扫一扫

垂直居中 - 使用 line-height

野见 2022-11-07 阅读 72


单行文本我们设置垂直居中,可以使用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;
}


举报

相关推荐

0 条评论