爲什麼按鈕會彈出文本而不是文本？

Question

http://jsbin.com/ovuci5

要重新表示，按鈕高於文本 - 但爲什麼他們不在它下面展開，而是在文本上方創建空白空間？

（How）這可以改變嗎？

Answer 1

可以使用vertical-align property。

地址：

vertical-align: top; 

的CSS樣式爲您的按鈕，如果你want them to "pop" the other way。

Answer 2

使用圖像上的vertical-align: middle; CSS屬性來實現你的需求

你的情況：

.plus { 
    background-image: url("http://www.veryicon.com/icon/preview/SystemIcons%20for%20Developers/plus%20Icon.jpg"); 
    display: inline-block; 
    height: 32px; 
    vertical-align: middle; 
    width: 32px; 
}