瀑布流布局 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
共有 0 条评论