使用CSS将图像旁边的链接垂直对齐

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

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

  • 4.8。 垂直对齐:“垂直对齐”速记基线对齐属性

    适用于:内联级别和“表格单元格”元素

    此属性影响线框内的内嵌级元素生成的内联框的垂直位置。 如果该元素生成匿名内联框,则以下值仅对父级嵌入级元素或父级块级元素有意义; 如果不存在这样的父母,则它们不起作用。

    虽然元素aimg默认都是inline的,但是应该在img元素上使用vertical-align:middle属性。

    jsFiddle例子

    .myDiv img {
        vertical-align: middle;
    }
    

    尝试这个:

    .myDiv img{
    vertical-align:middle;
    }
    

    DEMO


    添加vertical-align:middle; 到图像而不是链接。

    这里更新了小提琴。

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

    上一篇: vertically align link next to image with CSS

    下一篇: CSS: How to display text in the middle of container?