单行文本在div中垂直居中可以通过设置文本line-height与div高度相同,达到垂直居中的目的
text-align
控制文字水平方向居中
line-height
控制垂直居中
<div style="width:100px;border:1px solid;
height:50px;text-align:center;line-height:50px;background-color:#a399e5">
需要居中
</div>
展示结果如下图
需要居中
单行文本在div中垂直居中可以通过设置文本line-height与div高度相同,达到垂直居中的目的
text-align
控制文字水平方向居中
line-height
控制垂直居中
<div style="width:100px;border:1px solid;
height:50px;text-align:center;line-height:50px;background-color:#a399e5">
需要居中
</div>
展示结果如下图
评论区