无法在DIV内部垂直居中对齐图像

时间:2014-09-07 13:26:42

标签: css image

我一直试图将图像垂直对齐div,但对我来说似乎不可能

我试图给a img这些样式的锚vertical-align: middle; line-height: 190px;

{{1}}

以下是指向Fiddle

的链接

我已经实现了这些事情,图像高度永远不会超过DIV,它的宽度应该永远不会小于DIV的宽度

有人可以纠正我如何将此图像垂直放在中间位置?

更新

这是我的直播网站

http://www.wholesalerhinestones.org/testtest.html

1 个答案:

答案 0 :(得分:0)

只需添加

vertical-align: middle;

image,这是Updated Fiddle

修改

对于您的实际网站,请将.link_image的样式更改为

.link_image {
    width: 212px;
    height: 190px;
    display: table-cell;
    background-color: red;
    vertical-align: middle;
}

.transfers_image,删除display: inline-block;。这不需要