实现 css：删除网格之间的间隙/空间答案

【问题标题】：materialize css: remove gap/space between grid实现 css：删除网格之间的间隙/空间
【发布时间】：2018-05-23 11:37:49
【问题描述】：

是否知道如何消除网格之间的间隙/空间？这是每列的代码示例，它将显示网格之间的间隙/空间

<div class="row">
  <div class="col s4">
    <div class="card-panel light-blue">4</div>
  </div>
  <div class="col s4">
    <div class="card-panel light-blue">4</div>
  </div>
  <div class="col s4">
    <div class="card-panel light-blue">4</div>
  </div>
</div>

【问题讨论】：

如果您看到样式，您将能够看到每个列之间的填充，如果您愿意，您不能删除它吗？
所以你建议编辑materialize.css？这是废话，伙计
您不需要编辑具体化 css，如果您真的想这样做，您可以覆盖样式。但是你为什么要删除那个填充呢？

标签： html css material-design materialize

【解决方案1】：

尝试将padding: 0; 添加到您的主css 文件中的.row .col.s4。

.row .col.s4 {
  padding: 0;
}

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.100.2/css/materialize.min.css">
<div class="row">
  <div class="col s4">
    <div class="card-panel light-blue">4</div>
  </div>
  <div class="col s4">
    <div class="card-panel light-blue">4</div>
  </div>
  <div class="col s4">
    <div class="card-panel light-blue">4</div>
  </div>
</div>

【讨论】：