解决flex布局中最后一行不能平均分布的问题

120 阅读1分钟

在布局中 我们常常用flex布局来进行页面的布局 but 有时候在处理换行时且用到了justify-content: space-between;会出现最后一行因数据的原因而不能平均分布在页面上 而是会分布在两端 所以 这个时候我们可以在父盒子里面给一个宽度与子元素宽度一致的伪元素 从而实现justify-content: space-between的平均分布问题

`.cateBox { width: 100%; padding: 0 48rpx; display: flex; flex-wrap: wrap; flex-direction: row; justify-content: space-between; align-items: flex-end; text-align: center;

&::after { // flex: auto; width: 120rpx; content: ""; }`