如何删除HTML中的空格？

Question

我有一个面板，其中有两列不同大小的buttons 我希望它不要在第一个按钮和最后一个按钮之间留有空格。 但我似乎无法删除自动生成的空间。 你可以在这里看到我的代码：

http://jsfiddle.net/C7aQz

怎么做？

Answer 1

尝试这个

#panelTouchMenu {
font-size: 0;
}
button {
display: inline-block;
vertical-align: top;
    font-size:12px;
}

<强> Demo

Answer 2

您可能希望使用jQuery Masonry插件来实现此目的。这可能就是你真正需要的。

以下是使用砌体使用示例的页面链接：http://masonry.desandro.com/options.html

没有简单的纯CSS解决方案，这就是为什么人们发明这样的插件。

Answer 3

this会为你工作吗？

为按钮添加Css类

button{float:left;}