div居中和垂直居中的最简单方法

div居中方法：

1)对父盒子添加

text-align="center"；

2)子盒子添加

margin:0 auto;

例子：

body{text-align:center}
div{margin:0 auto}

 

div垂直居中方法：

1）text-align 属性规定（块级）元素内文本的水平对齐方式。

2）line-height = height，行高等于元素高度，用来实现垂直居中。

例子：

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