解决flex布局space-between最后⼀⾏两边分布的问题1、情况⼀:3列 最后⼀⾏显⽰⼀个、两个、或者三个
/* 只需给包裹这所有项的容器⼀个伪元素即可 */
.boxContainer:after{
content:'';
width:33.33%;
}
2、4列 最后⼀⾏左对齐
/* html这种形式 */
/* css需这样设置 */
3、5列的话,你需要加两个 pick 和⼀个伪元素即可,6列加3个 pick和⼀个伪元素
总结:
flex布局对齐方式3 列只需在包裹容器加个伪元素即可
4 列需在包裹容器加伪元素和内部添加⼀个项
5 列加伪元素和添加两个项
依次类推
注意每项宽度根据实际总宽度除以有⼏列算出列即可。
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论