首页 >
css如何使文字垂直居中 |css表格文字缩进
css 防止覆盖，via定制css代码，css中定位怎么使用，html css 不换行代码，css3 滤镜动画效果，怎么设置宽度等于高度css，css表格文字缩进
“`
大家可以通过以下 CSS 代码将文本垂直居中：
“`css
div {
height: 200px;
width: 400px;
display: flex;
justify-content: center;
align-items: center;
}
p {
line-height: 200px;
}
“`
这样，p 元素内的文本就能垂直居中了。
方法二：使用 display: table-cell
另一种方法是使用 display: table-cell 属性。将父元素设置为 display: table，子元素设置为 display: table-cell，并使用 vertical-align: middle 垂直居中。
例如，大家有一个高度为 200px，宽度为 400px 的 div 元素，里面包含一个 p 元素：
“`html这里是内容