移动端布局



    
    并排等分,单排靠左最齐布局
    


    
1 2 3 4 5 6 7 8 9 10 11 12 empty

移动端需要这样的布局,用的rem,然后用js适配的,如果用margin-right多余的隐藏,毕竟很多小数点,可能会不准确所以放弃,flex如果用space-between的话,那一行三个的情况下是没有问题,可是一行两个呢,那么就会两个居于中间,这不是想要的效果,所以加上空的宽度相等的div,高为0的话,就没有问题了,附上代码

作者:zwwill木羽
链接:https://juejin.im/post/59c10fbaf265da065d2b6aad
来源:掘金
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

你可能感兴趣的:(移动端布局)