space-evenly、space-between和space-around的区别

space-evenly: 均匀排列每个元素,每个元素之间的间隔相等。

 

space-between在左右两侧没有边距。

 

space-around:     在左右两侧会留下边距,垂直布局同理。

 

在改bug时,发现space-evenly在IE上面不支持,但是IE支持space-around,所以干脆这两个属性都写上。

 

谷歌会优先使用space-evenly,IE支持space-around,所以这样才是最好的解决办法。

space-evenly、space-between和space-around的区别

 

 space-evenly、space-between和space-around的区别

 

 space-evenly、space-between和space-around的区别

 

 

 

上一篇:flex布局之space-evenly兼容性不好,巧用space-between实现space-evenly效果


下一篇:ABC222 D - Between Two Arrays(dp,差分优化)