div水平居中和垂直居中

时间:2023-03-09 01:41:15
div水平居中和垂直居中

水平居中和垂直居中

水平居中包含两种情况:
        块级元素的水平居中:margin:0px auto;
        文字内容的水平居中:text-align: center;
    
    垂直居中:
        常见的单行文字的垂直居中可设置文字所在行的height与
        行高样式属性一致,比如:
        div{
            width: 400px;
            height: 400px;
            line-height: 400px;/*行高与div高度一致*/
        }