css

【CSS】Flex布局,不兼容space-evenly属性

Chason
2021-01-26 / 0 评论 / 1 点赞 / 2,729 阅读 / 263 字
温馨提示:
本文最后更新于 2021-03-01,若内容或图片失效,请留言反馈。部分素材来自网络,若不小心影响到您的利益,请联系我们删除。

关于使用自适应(Flex)布局时,ie浏览器和火狐浏览器不兼容space-evenly属性的解决办法。
例如:

    display: flex;
    flex-direction: column;
    justify-content: space-evenly;

在布局内容的上下可以适当添加<br />,或者是通过:befroe:after添加{content: "";display: block;},然后使用space-between进行替代space-evenly

1

评论区