在CSS中div文字垂直居中对齐

使用 CSS vertical-align 属性将文本垂直居中对齐

要使文本垂直居中对齐，您可以使用 CSS 属性vertical-alignwithcenter作为其值。您还需要使用display:table-cellCSS 属性使文本垂直居中。

向 div 元素添加一些宽度和高度，并将文本也水平居中对齐。要使文本水平居中，您必须使用text-align:center.

<style>
.valigndiv{
	width:200px;
  	height:200px;
  	display:table-cell;
  	text-align:center;
  	background:#ccc;
  	border:1px solid #000;
  	vertical-align:middle;
}
</style>
<div class="valigndiv">This is the Vertically Aligned content.</div>

输出

上面的示例包含带有一些背景颜色的 div 元素。div 元素中的文本位于所需位置。