为什么按钮会弹出文本而不是从文本下面？

Question

http://jsbin.com/ovuci5

要重新说明，按钮高于文本 - 但为什么它们不会在它下方展开，而是在文本上方创建一个空白区域？

（怎么样）可以改变它？

Answer 1

使用图片上的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;
}

Answer 2

您可以使用vertical-align property。

添加：

vertical-align: top;

如果你want them to "pop" the other way，

到你的按钮的CSS样式。