首页 > 技术文章 > 弹性盒子 (每行固定数量,列数不定)

sunwk 2019-11-06 17:11 原文

1 <div class="row wrapper">
2     <label class="action " intention="1" tracking="23">推荐</label>
3     <label class="action " intention="2" tracking="23">跟进</label>
4     <label class="action " intention="3" tracking="23">忽略</label>
5     <label class="action " intention="5" tracking="23">测试</label>
6 </div>

.wrapper {
    width: 100%;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: .5rem;
}

推荐阅读