老师,能否详细讲解下column-count,column-fill,column-break-inside的用法

来源:5-14 综合案例二(小米商品导航菜单)

能量咕噜略略

2021-11-17

会莫名其妙出现断点,我需要如何调整

Document
写回答

1回答

西门老舅

2021-11-17

你好,column属于多列布局,可以查看:9-2小节竖向瀑布流-2,

链接地址:https://coding.imooc.com/lesson/527.html#mid=47462

视频中有详细讲解。

除了视频中说的外,column-fll 表示内容是否按照列高来排列,还是按照列个数来排列。

具体用法链接地址:https://vimsky.com/examples/usage/css-column-fill-property.html

column-break-inside表示一块内容是否会被折断处理。

具体用法链接地址:https://blog.csdn.net/weixin_43714543/article/details/119934588



0
0

前端内功修炼 5大主流布局系统进阶

前端内功修炼:5大主流布局系统进阶

762 学习 · 239 问题

查看课程