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

Question

我在这里使用Material Design Lite 网站链接

根据那里给出的文件,没有办法在卡片中进行垂直分割.

对于Divisions,通常在材料设计中使用网格布局,但是当我使用网格时,默认情况下两个单元格之间存在空间.有没有其他方法可以在卡片中没有空格的情况下进行垂直分割？

演示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>