本文讨论下部分浏览器使用CSS 属性space-evenly无效的解决方案
我们可以设置display: flex属性来实现弹性布局，其中justify-content有2个属性值值得我们关注
space-between: 均匀排列每个元素，首个元素放置于起点末尾元素放置于终点
space-evenly: 均匀排列每个元素，每个元素之间的间隔相等
但是，在部分浏览器中使用space-evenly却没有效果，解决方案是设置元素属性为space-between，为该元素添加宽度为0的伪类 (n-1+2)，即等于用了space-evenly实现了布局 (n+1)
container{
display: flex;
justify-content: space-between;
/* justify-content: space-evenly; */
}
container::before,
container::after{
content: '';
display: block;
}