如何垂直对齐文本和图像中间的div？

这个问题在这里已经有了答案：

垂直对齐图像旁边的文字？ 20个答案

---

你可以在你的#titleimage span添加vertical-align:middle

#titleimage{
    background: red;
    display: inline-block;
}
#titleimage a{
    text-decoration: none;
}
#titleimage img{
    width: 33px;
    height: 36px;
    vertical-align: middle;
}
#titleimage span{
    color: white;
    font-family: sans-serif;
    font-size: 26px;
    vertical-align:middle;
    }

---

只需将vertical-align添加到您的span标签。

 #titleimage span{
        color: white;
        font-family: sans-serif;
        font-size: 26px;
        vertical-align:middle;/*add this*/
    }

---

添加#titleimage span { vertical-align: middle; } #titleimage span { vertical-align: middle; }并删除#titleimage img { vertical-align: middle; } #titleimage img { vertical-align: middle; }

链接地址: http://www.djcxy.com/p/41537.html

上一篇: How to vertically align both text and image middle of div?

下一篇: Vertical align middle on inline elements slightly off