css怎么让文本垂直居中
时间: 2023-06-28 09:04:51 浏览: 102
垂直居中.docx
在CSS中,可以使用`display: flex`和`align-items: center`属性来实现文本的垂直居中。具体实现方式如下:
HTML代码:
```
<div class="container">
<p>这是需要垂直居中的文本</p>
</div>
```
CSS代码:
```
.container {
display: flex;
align-items: center;
height: 100px; /* 设置容器高度,让文本垂直居中 */
}
```
这样,文本就会在容器中垂直居中了。如果你想让文本水平居中,可以使用`justify-content: center`属性。例如:
```
.container {
display: flex;
align-items: center;
justify-content: center;
height: 100px;
}
```
阅读全文