uniapp纯css实现瀑布流(个人笔记)

.list { // 外层容器

        -moz-column-count: 2; /* Firefox */

        -webkit-column-count: 2; /* Safari 和 Chrome */

        column-count: 2;

    }

    .item { //每个元素

    

        -moz-page-break-inside: avoid;

        -webkit-column-break-inside: avoid;

        break-inside: avoid;

        &:last-child {

            float: left;

        }

    }