space-between:在左右两侧没有边距。 space-around: 在左右两侧会留下边距,垂直布局同理。 在改bug时,发现space-evenly在IE上面不支持,但是IE支持space-around,所以干脆这两个属性都写上。 谷歌会优先使用space-evenly,IE支持space-around,所以这样才是最好的解决办法。
首先想到了space-around显然达不到效果,于是想到了space-evenly; space-evenly,flex 元素之间和 flex 元素和容器的空间总是相等的,space-around,只有 flex 元素之间的空间是相等的,第一个 flex 元素和最后一个 flex 元素和容器的空间是 flex 元素间空间的一 半。参考下图了解区别。
space-around,共3个元素,每个元素有2侧空隙,共6个空隙平分1380 space-evenly,共3个元素,4个空隙,评分剩余1380,每个345 ———
space-evenly、space-between和space-around的区别 space-evenly、space-between和space-around的区别space-evenly：均匀排列每个元素,每个元素之间的间隔相等。space-between：在左右两侧没有边距。space-around：在左右两侧会留下边距，垂直布局同理。在改bug时，发现space-evenly在IE上⾯不⽀持，但是IE⽀持space-...
space-around space-evenly区别 space-around,共3个元素,每个元素有2侧空隙,共6个空隙平分1380 space-evenly,共3个元素,4个空隙,评分剩余1380,每个345 ———