Question

我使用的是mattable，假设我有26条记录，那么我需要在Column1中显示前10条记录，在第2列中显示10条记录，在第3列中显示6条记录？我能用CSS达到这些目的吗？

Answer 1

使用display flex

html

<div class="main-row">
   <div class="col">
   </div>
    <div class="col">
   </div>
    <div class="col">
   </div>
</div>

css

.main-row{
  display:flex;
}

.col{
  flex-grow:1;
  height:150px;
  background-color:#e5e5e5;
  margin:0px 2px;
}

Answer 2

我找到了使用CSS GRID的解决方案。在下面发布链接：