背景：
我有個頁面，需要一行顯示3個
預(yù)期效果是這樣：

expect

在iOS10.x上實際效果是這樣：

error

原因：
display：inline-block，是基于baseline對齊的，大小不一會導(dǎo)致上下不齊，所以設(shè)置的時候最好設(shè)置vertical-align屬性。
所以我在item的樣式中添加了vertical-align:top，就完美解決了

.list {
        overflow: hidden;
        text-align: left;
        font-size: 0;

        .item {
            display: inline-block;
            background: #fff;
            width: 50px;//自己計算的寬高
            height: 50px;// 自己計算的寬高
            background-size: cover;
            background-position: center;
            margin-top: 4px;/* no */
            margin-left: 4px;/* no */
            border-radius: 1px;/* no */
            overflow: hidden;
            vertical-align: top;
        }
    }