本篇文章讲解一下部分浏览器在flex布局中justify-content不支持space-evenly的兼容性问题
解决方案我们用space-between 代替
//原始样式,只写关键其他样式不写了
.flexbox{
justify-content: space-evenly;
}
改成如下样式
.flexbox{
justify-content: space-between;
}
.flexbox::after, .flexbox::before {
content: "";
display: block;
}