CSS与图像和文本的对齐问题

我在让我的图标与文本对齐时遇到了问题，尝试了我能想到的所有组合，仍然在顶部对齐

---

有什么帮助吗？

您是否尝试过在

img

元素上设置

vertical align

属性

.bluebutton img {
    vertical-align: middle;
}

或者，由于您将图像纯粹用作装饰，因此可能需要使用

背景图像

来设置图标：

.bluebutton {
    background: #336699 url('http://cdn1.iconfinder.com/data/icons/fatcow/16x16_0460/group_add.png') no-repeat 10px center;
    padding: 3px 10px 4px 28px;
}

---

看：

我想是图像把它扔掉了。添加如下内容：

.bluebutton img {
    vertical-align:middle;
}

---

我们应该做到这一点。如果排列方式也不同，则可以进一步稍微改进对齐方式。e、 g.

是的，仅此而已，我没想过只设计图像的样式，太痛苦了，谢谢