flex流式布局

2018-05-27 / 0 评论 / 209 阅读 / 正在检测是否收录...
温馨提示:
本文最后更新于2021年11月03日,已超过1125天没有更新,若内容或图片失效,请留言反馈。

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

.cards {
        display: flex;
        flex-flow: row wrap;
        align-content: flex-start;
        .card {
            flex: 0 0 330px;
            box-sizing: border-box;
            height: 300px;
            margin: 10px;
        }
}

0

评论 (0)

取消