css元素垂直居中方法

1、单行文本

    <div>

      <p>111111</p>

    </div>

    设置属性行高等于容器自身的高度:height=line-height; 垂直居中

不固定宽高多行文本

    设置父容器  display:table,子容器  display:table-cell:vertical-align:middle;

2、行内元素:

    <div>

      <img />

    </div>

    设置父容器:text-align:center;水平居中

    设置父容器:h=line-height;img:vertical-align:middle;

3、块级元素:margin:0 auto;

原文地址:https://www.cnblogs.com/zgfa-blogs/p/6141798.html