瀑布流布局还是很吸引人的。最近看到实现瀑布流的实践。记录在这里,特别是,感觉瀑布流的flexLayout实现还是有点懵,现在可以理解它的原理了gap设置列间距,column-width设置每列的宽度,也设置break-insidein子容器以防止多列布局、分页媒体和多区域上下文中的意外中断。break-inside属性值是自动指定的,既不强制也不禁止元素内的分页/分列。avoid指定避免元素内的分页符。avoid-page指定避免在元素内分页。avoid-column指定避免元素内的分栏符。avoid-region指定避免元素内的区域中断。截取的部分,可以自己填充/*html文件*/
