2018-07-11 水平居中

• css3 使用width: fit-content + margin：auto实现水平居中

html部分

    <div class="box fit-content">
        <img src="mm1.jpg">
        <p>display:inline-block居中要靠父元素，而width:fit-content直接margin:auto.</p>
    </div>

css部分

    .box {
        background-color: #f0f3f9;
        padding: 10px;
        margin: 10px auto 20px;  /* 这里左右方向是auto */
        overflow: hidden;
    }
    .fit-content {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;    
    }