Material Design Lite 卡片中的垂直分割

Question

我正在使用 Material Design Lite Website Link Here

根据此处给出的文档，无法在卡片中进行垂直划分。

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

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 class 与 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>

Material Design Lite 卡片中的垂直分割

Vertical Division in a Material Design Lite Card

html

css

material-design-lite