如何刪除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插件砌體實現這一目標。這可能是你實際需要的。

這裏是鏈接到頁面砌體用法示例：http://masonry.desandro.com/options.html

目前對此沒有簡單的純CSS的解決方案，這就是爲什麼人們發明了這種插件。

Answer 3

將this爲你工作？

添加CSS類按鈕

button{float:left;}