解决flex布局 space-between最后一行两边分布的问题
1、情况一：3列 最后一行显示一个、两个、或者三个/* 只需给包裹这所有项的容器一个伪元素即可 */.boxContainer:after{content:'';width:33.33%;}2、4列 最后一行左对齐/* html这种形式 *//* css需这样设置 */3、5列的话，你需要加两个 pick 和一个伪元素即可，6列加3个 pick和一个伪元素总结...
·
1、情况一：3列 最后一行显示一个、两个、或者三个
/* 只需给包裹这所有项的容器一个伪元素即可 */
.boxContainer:after{
content:'';
width:33.33%;
}
2、4列 最后一行左对齐
/* html这种形式 */
/* css需这样设置 */
3、5列的话，你需要加两个 pick 和一个伪元素即可，6列加3个 pick和一个伪元素
总结：
3 列只需在包裹容器加个伪元素即可
4 列需在包裹容器加伪元素和内部添加一个项
5 列加伪元素和添加两个项
依次类推
注意每项宽度根据实际总宽度除以有几列算出列即可。
权威｜前沿｜技术｜干货｜国内首个API全生命周期开发者社区
更多推荐
7
0- 0
已为社区贡献1条内容
所有评论(0)