CSS实现瀑布流布局

multi_column通过如下属性来实现瀑布流布局:

    column-count属性规定元素应该被划分的列数;

    column-gap属性规定列之间的间隔;

    column-rule属性设置列之间的宽度、样式和颜色规则;

    break-inside属性允许您防止多列布局,分页媒体和多区域上下文中的意外中断。

flex-compatible通过flex属性、兼容低版本样式来实现瀑布流布局:

    display: flex弹性布局;

    justify-content: space-between两端对齐,项目之间的间隔都相等。

源代码

    原文作者:1144169197
    原文地址: https://www.jianshu.com/p/ce0a760c1657
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞