水平垂直居中的方式

   1、margin:0,auto

    2、flex弹性布局

    父元素设置display:flex;justify-content:center;algin-items:center;

    3、父相子绝

    父元素设置position:relative;子元素设置position:absolute;left:50%;top:50%;(最后移动自身的50%)transform:translate(-50%,-50%);

    4、行内块

    display:inline-block;text-algin:center;

    5、网格布局

    display: grid;place-items:center;

    6、table布局

    text-algin:center;vertical-algin:middle;