css实现水平居中／垂直居中的一些方法

.ele{
    position:absolute;
    width:固定;
    left:50%;
    margin-left:-0.5宽度;
}

.ele{
    position:absolute;
    width:固定;
    left:0;
    right:0;
    margin:0 auto;
}

.ele{
    position:absolute;
      left:50%;
      transform:translate(-50%,0);
}

<span style="color: #000000">.ele-parent{
      width: -moz-fit-content;
    width: -webkit-fit-content;
    width:fit-content;
    margin:0 auto;
}<br/>该属性目前只支持Chrome 和 Firefox浏览器.</span>

.ele-parent{
    display: flex;
    justify-content: center;
}

.ele-parent{
    position:relative;
}
.ele{
    position:absolute;
    top:50%;
    height:固定;
    margin-top:-0.5高度;
}

.ele{
    position:absolute;
    height:固定;
    top:0;
    bottom:0;
    margin:auto 0;
}

<span style="color: #000000">.ele-parent{
    display:table;
}
.ele{
    display:table-cell;<br/>　　vertical-align:middle;
}</span><strong><span style="font-size: 16px">　　　　</span></strong>

.ele{
    position:absolute;
    top:50%;
    transform: translate(0,-50%);
}

.ele-parent{
    display: flex;
    align-items:center;
}