瀑布流布局 column多列布局实现(一)

关键点
column-count:4 实现四列布局。对应的子元素均匀排布在布局中column-gap:0.5vw 每一列间隔0,5vw在多列布局中，每个元素的边界都可能生成一个中断点，中断点由下面三个属性定义：
优先级 从高到低 ↓
break-before 生成盒子之前元素的中断点break-after 生成盒子之后元素的中断点break-insiede 当前元素的中断点 values:
auto 允许在主框中插入任何中断avoid-page 避免主框中任何页的中断avoid-column 避免主框中任何列的中断avoid-region 避免原则框内的任何区域中断
sass
#{}代表使用变量,函数或者表达式变量使用为$变量名@function 声明函数 @return 返回值
代码
html

瀑布流布局 column多列布局实现(一)最先出现在Python成神之路。

版权声明：
作者：倾城
链接：https://www.techfm.club/p/18702.html
来源：TechFM
文章版权归作者所有，未经允许请勿转载。

THE END

分享

二维码

ExtraVM：AMD+OVH高防，支持支付宝，新加坡/澳大利亚/法国/英国/加拿大/美国达拉斯/迈阿密/弗吉尼亚机房

< <上一篇

【论文笔记】Anchor-free目标检测论文推荐

下一篇>>