Zurb foundation 消除Li和x27之间的间隙；ZURB基金会5块格 我是基金会的新手。 这是我为演示制作的拇指列表 <div class="row"> <div class="large-12 columns"> <h1>Gallery</h1> <ul class="small-block-grid-4"> <li><img src="img/1.jpg" alt=""></li> <li><img src="img/1.jpg" alt=""></li> <li><img src="img/1.jpg" alt=""></li> <li><img src="img/1.jpg" alt=""></li> </ul> </div> 陈列室

现在拇指是好的，但它可能有一些边缘或填充物。每个拇指之间的间隙。 我如何用css删除它。 谢谢。

定义css

   .imagelist li{
            Padding:0;
            margin:0;
}

并将CSS类“IMALLIST”添加到UL标签中，它覆盖了基础CSS样式。

    <div class="row">
    <div class="imagelist large-12 columns">
     <h1>Gallery</h1>
     <ul  class="imagelist small-block-grid-4">
      <li><img src="img/1.jpg" alt=""></li>
      <li><img src="img/1.jpg" alt=""></li>
      <li><img src="img/1.jpg" alt=""></li>
      <li><img src="img/1.jpg" alt=""></li>
     </ul>
   </div>
   </div>

陈列室






实际上，最好的方法是使用基金会提供给你的变量。检查settings.scss，您会发现一些与块网格相关的变量。您要特别查找的是第166行：$block grid default spacing。在这里，你可以设置为任何你喜欢的
 您能提供一个关于JSFIDLE的演示吗？这假设您已经安装了Sass（以及Ruby和Node.js等）。如果你只想删除一点间距，那就太过了……完全太过了，如果你只想换一个地方，那就没用了。公认的答案是最好的解决方案。