【问题标题】:bootstrap, masonry ghost margins between items [duplicate]引导程序,项目之间的砌体鬼边距[重复]
【发布时间】:2016-01-13 17:53:02
【问题描述】:

我尝试将内边距、边距和边框设置为零,但边距仍然存在。

只有在调整浏览器大小时才会删除它们。

html

.item {
  display: inline-block;
  padding: 0;
  margin: 0;
  border: 0;
  outline: 0;
  float: left;
}
<a href='link.html'>
  <img class='img-responsive item col-xs-6 col-sm-4 col-md-3 col-lg-2' src='some.jpg'>
</a>

【问题讨论】:

  • 确保imgdisplay:blocka 也应该是inline-block
  • 请将您的代码放入 jsfiddle 或 codepen 中。

标签: css twitter-bootstrap margin padding masonry


【解决方案1】:

当您将项目列表的显示属性设置为 inline-block 时,每个元素的右侧都有 4px 的额外空间。

也许这对你有帮助。

【讨论】: