Html 为什么按钮会从文本中弹出,而不是在文本下方?

Html 为什么按钮会从文本中弹出,而不是在文本下方?,html,layout,Html,Layout,换言之,按钮比文本高,但为什么不在其下方展开,而在文本上方创建一个空白区域 (如何更改?使用垂直对齐:中间图像上的CSS属性,以满足您的需要 就你而言: .plus { background-image: url("http://www.veryicon.com/icon/preview/SystemIcons%20for%20Developers/plus%20Icon.jpg"); display: inline-block; height: 32px; ve

换言之,按钮比文本高,但为什么不在其下方展开,而在文本上方创建一个空白区域


(如何更改?

使用
垂直对齐:中间图像上的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;
}
您可以使用

加:

如果需要,请为按钮添加CSS样式

vertical-align: top;