解决display:flex属性 justify-content: space-between和space-around换行后的排版问题

时间：2021-01-14 15:18:55 阅读：285 评论：0 收藏：0 [点我收藏+]

.box{
　　display:flex;  /*弹性盒子*/
　　justify-content: space-between;  /*两端对齐，子元素之间有间隙*/
　　flex-flow: row wrap;/*子元素溢出父容器时换行*/
}

你的排版是这样的

技术分享图片

解决方法：追加一个空的子元素，子元素宽度保持一致

.box:after {content: ""; width: 100px; }

技术分享图片

space-around设置同理

原文：https://www.cnblogs.com/tristers/p/14276510.html

踩

(0)

评论一句话评论（0）

分享档案

更多>