Flex布局中space-evenly的兼容性问题

justify-content 属性定义了浏览器如何分配顺着父容器主轴的弹性元素之间及其周围的空间。

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

space-between: 均匀排列每个元素,首个元素放置于起点,末尾元素放置于终点

例如下图demo：

space-evenly效果 space-between效果

由于space-evenly的兼容性较差，平时我们布局经常又想要均匀的排列元素

css就可以这么解决⬇️

在space-between的情况下添加两个宽度为0的伪类 简单布局一下

开始我的记录--点点滴滴开始