在html中怎么让文字垂直居中

发布网友发布时间：2022-04-22 14:37

共2个回答

热心网友时间：2022-04-02 19:55

使文字在div中水平和垂直居中的的css样式为

text-align:center; /*水平居中*/
line-height: 20px; /*行距设为与div高度一致*/

示例如下：

HTML元素

<div>水平垂直居中</div>

css样式

div{
width:200px;height:200px; /*设置div的大小*/
border:1px solid green; /*边框*/
text-align: center; /*文字水平居中对齐*/
line-height: 200px; /*设置文字行距等于div的高度*/
overflow:hidden;
}

热心网友时间：2022-04-02 21:13

height:50px;lien-height:50px;

声明：本网页内容为用户发布，旨在传播知识，不代表本网认同其观点，若有侵权等问题请及时与本网联系，我们将在第一时间删除处理。E-MAIL:11247931@qq.com