div中文字水平和垂直居中的css代码

1. HTML元素

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

2. css样式

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

3. 显示效果