隐形盒的边距

时间:2015-03-29 13:09:13

标签: html css

我做过这样的事情:

http://jsfiddle.net/gg83kvev/

并且每个方框右边都有这个边距。我不能'摆脱它,除非我给它display: table-cell,但是我根本不能应用任何边距。我接下来想要添加的是

div.box:nth-child(n+2) {
  margin-left: 30px;
}

2 个答案:

答案 0 :(得分:0)

display:inline-block总是在元素之间留空间(就像任何文本中字母之间的空格一样)。有许多黑客可以避免这种情况,但所有这些都有缺陷。你应该使用浮动的。

答案 1 :(得分:0)

font-size: 0;line-height: 0;添加到包装器中:

http://jsfiddle.net/gg83kvev/1/