情景如此：使用flex 让子元素垂直居中，此时会发现原本靠左边或者靠右边的属性float:left(right); 已经无法起作用了

.list-item {
    display: flex;
    align-items: center;
}

Paste_Image.png

那么此时或许有两种方式解决这个问题：

（1 使用margin-left: auto;此时伸缩包含块剩余的空间将会分配到flex item的外边距margin上(但是在安卓上兼容性问题)

.list-item {
    img{
        margin-left:auto;
    }
}

Paste_Image.png

（2 使用 justify-content: space-between;进行两端对齐

.list-item {
    display:flex;
    justify-content: space-between;
}