如何让文字垂直水平居中 css

2024年11月27日 23:33
有1个网友回答
网友(1):

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

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

示例如下:

HTML元素

水平垂直居中

css样式

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

显示效果