Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/google-maps/4.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 材质设计Lite卡中的垂直分割_Html_Css_Material Design Lite - Fatal编程技术网
Fatal编程技术网
  • html/
  • Html 材质设计Lite卡中的垂直分割

Html 材质设计Lite卡中的垂直分割

html css

Html 材质设计Lite卡中的垂直分割,html,css,material-design-lite,Html,Css,Material Design Lite,我使用的是材料设计Lite 并没有任何方法可以根据给出的文档在卡片上进行垂直分割 对于分区，通常在材质设计中使用网格布局，但当我使用网格时，默认情况下两个单元之间有一个空间。有没有其他方法可以让我在一张卡片上没有空格的垂直分割 Css HTML 6. 6. 您可以使用mdl网格--无间距类与mdl网格： <div class="mdl-grid mdl-grid--no-spacing"> <div class="mdl-cell mdl-cell--6-col

我使用的是材料设计Lite

并没有任何方法可以根据给出的文档在卡片上进行垂直分割

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

Css

HTML


6.
6.
您可以使用
mdl网格--无间距
类与
mdl网格
：


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




6.
6.

add
margin:0到两个单元格。工作匹配@KalpeshSingh ThanksI在整个网格上做了这件事，因此它不起作用，我的错。没问题，伙计。：）

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



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