html - 如何删除 HTML 中的空格？

Question

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

http://jsfiddle.net/C7aQz

怎么做？

Answer 1

这对你有用吗？

为按钮添加一个 Css 类

button{float:left;}

Answer 2

试试这个

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

演示

Answer 3

您可能想使用 jQuery Masonry 插件来实现这一点。这可能是您真正需要的。

这是带有砌体用法示例的页面链接：http: //masonry.desandro.com/options.html

没有简单的纯 CSS 解决方案，这就是人们发明此类插件的原因。