中心动态高度/宽度图像到固定高度/宽度div

时间:2012-09-06 20:39:26

标签: javascript html css

我将动态图像居中到固定大小的div有问题。因此,主要思想是图像知道如何自我缩放,无论是全景图像还是肖像图像。我正在调整的div接近16:9(300x170)。有什么想法吗?

1 个答案:

答案 0 :(得分:0)

试试这个 - DEMO

div {
    height: 170px;
    width: 300px;
    border: solid;
    line-height: 170px;
    text-align: center;
}

div img {
    display: inline-block;
    max-width: 300px;
    max-height: 170px;
    vertical-align: middle;
}