两端排列问题"/>
flex布局 解决最后一排数量不够自动向两端排列问题
flex布局 justify-content:space-between; 解决最后一排数量不够自动向两端排列问题
flex 布局两端对齐当最后一排数量不够时,会出现以下布局情况
这时,我们可以下面after伪类,解决最后一排数量不够两端分布的情况
.tem-flex{display: flex;flex-wrap: wrap;justify-content:space-between;text-align: justify;}<!--加上after伪类,解决最后一排数量不够两端分布的情况-->.tem-flex:after{content: '';width: 30%;border:1px solid transparent;}.tem-list{width:30%;border:1px solid #ff6600;margin-bottom: 10px;}
最终效果,完美解决两端对齐布局混乱的情况
but 我亲自后发现这个只适合三列的,四列 五列还是不行
更多推荐
flex布局 解决最后一排数量不够自动向两端排列问题
发布评论