垂直对齐图像中的分区

我正在尝试垂直对齐图像旋转器（SlideDeck）中的图像。图像目前都与顶部对齐，但我需要将这些图像对齐到中间。图像的高度各不相同。垂直对齐图像中的分区

我已经尝试了很多方法，例如绝对对齐等，但没有运气。

请参阅：http://bcc1.olivernewth.com/houses/the-lindens/

更新：我发现现在这样做的方式（如图像旋转垂直现在通过使用背景图像居中）。我不确定这是否是最好的方法，因为没有Alt文本，并且与旧浏览器不兼容......有什么建议吗？

.div { 
    background:  url(image.jpg) no-repeat center center; 
    width:   960px; 
    height:   384px; 
    background-size: 100%; 
    background-width: 960px; 
}

来源

2012-10-01 Ollie

请说，在这里？ – Selvamani

请参阅最新的问题。 – Ollie

是的没关系。它够了。 – Selvamani

下面的代码将垂直和水平对齐您的图像。

.container { 
    width: 960px; 
    height: 384px; 
    display: block; 
    line-height: 382px; 
    overflow: hidden; 
    text-align: center; 
} 
.container img { 
    vertical-align: middle; 
}

这里的“容器”类可能是你.div如果您选择的图像插入到HTML和（链接）你想改变什么不能用它们作为背景

来源

2012-10-01 18:03:54 Caelea

垂直对齐图像中的分区

回答

相关问题