html – CSS – 如何使图像容器宽度固定和高度自动拉伸

前端之家收集整理的这篇文章主要介绍了html – CSS – 如何使图像容器宽度固定和高度自动拉伸前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我已经去了一些这样的HTML代码
<div class="item">
    <img src="...">
 </div>

和css代码如下:

img {
    max-width: 100%;
    height: auto;
}

.item {
    width: 120px;
    height: 120px;
    height: auto;
    float: left;
    margin: 3px;
    padding: 3px;
}

我想做的是使用div的宽度来展现img并展开它的高度.我也希望div伸展本身适合img.那可能吗?

解决方法

你想要的是最小高度和最大高度.
img {
    max-width: 100%;
    height: auto;
}

.item {
    width: 120px;
    min-height: 120px;
    max-height: auto;
    float: left;
    margin: 3px;
    padding: 3px;
}
原文链接:https://www.f2er.com/html/224431.html

猜你在找的HTML相关文章