HTML中text-align:center,margin:auto，vatical-align以及如何让定位元素居中的方法

1、text-align:center  对文本、图片进行水平居中

                                可配合行高(line-height)对文字进行水平垂直居中

2、margin:auto  对已知宽度的块元素水平居中

3、vartical-align:middle 垂直对齐  只有元素属于inline或是inline-block ，vertical-align属性才会起作用。

                                  默认时baseline基线对齐，可通过改变对齐方式解决图片间隙问题

4、对已知宽高的定位元水平垂直素居中

         left:50%;

          top:50%;

          margin-left:负的定位元素宽度的一半；

           margin-top：负的定位元素高度的一半；