div里面的文字垂直居中
时间: 2023-07-09 14:48:08 浏览: 97
div垂直居中
可以使用CSS的flex布局来实现div里面的文字垂直居中。具体实现方法如下:
1. 给父元素(即包含文字的div)设置display:flex;属性。
2. 设置父元素的align-items:center;属性,表示在交叉轴上居中。
示例代码如下:
```html
<div class="parent">
<p>这是一段文字</p>
</div>
```
```css
.parent {
display: flex;
align-items: center;
/* 可以设置其它样式 */
}
.parent p {
/* 可以设置其它样式 */
}
```
这样,文字就会垂直居中显示在父元素中。
阅读全文