材料设计Lite卡中的垂直分割

Question

我使用的是材料设计Lite 网站链接

没有任何办法作出垂直划分卡，根据文件给出。

对于分区，通常在材料设计中使用网格布局，但当我使用网格时，默认情况下，两个单元格之间有一个空间。有没有其他方法可以使我在卡片中没有空格的垂直划分？

演示Plunkr

Css

    .grid-handler {
  max-width: 600px;
}

HTML

 <div class="grid-handler mdl-grid">
         <div class="mdl-cell mdl-cell--6-col mdl-card mdl-shadow--2dp">6</div>
         <div class="mdl-cell mdl-cell--6-col mdl-card mdl-shadow--2dp">6</div>
  </div>  

Answer 1

您可以将mdl-grid--no-spacing类与mdl-grid一起使用：

<div class="mdl-grid mdl-grid--no-spacing">
     <div class="mdl-cell mdl-cell--6-col mdl-card mdl-shadow--2dp">6</div>
     <div class="mdl-cell mdl-cell--6-col mdl-card mdl-shadow--2dp">6</div>
</div>