flex流式布局

每行的项目数固定,会自动分行。

.cards {
        display: flex;
        flex-flow: row wrap;
        align-content: flex-start;
        .card {
            flex: 0 0 330px;
            box-sizing: border-box;
            height: 300px;
            margin: 10px;
        }
}
版权保护,转载需保留原始文章链接!
物联网之家 » flex流式布局

发表评论