让css图片高度自适应

要使CSS中的图片高度自适应，可以使用max-height或height属性，并将宽度设置为auto。以下是两种方法：

使用max-height：

img {
max-height: 100%; /* 图片高度最大不超过父元素高度的100% */
width: auto; /* 图片宽度自适应 */
display: block; /* 去除底部空隙 */
}

在这个例子中，max-height: 100% 将图片的高度设置为其父元素高度的最大100%。width: auto 确保宽度自适应，并且 display: block 用于去除图片底部的空隙。

使用height：

img {
height: auto; /* 图片高度自适应 */
width: 100%; /* 图片宽度最大不超过父元素宽度的100% */
display: block; /* 去除底部空隙 */
}

在这个例子中，height: auto 将图片的高度设置为自适应，而 width: 100% 则确保宽度最大不超过其父元素的100%。同样， display: block 用于去除底部空隙。

无论选择哪种方法，都可以确保图片在保持比例的同时自适应高度或宽度。请根据具体布局需求选择适合的方法。

本站资源均来源于互联网，仅限于学习研究，严禁从事商业或者非法活动！丨本网站采用BY-NC-SA协议进行授权转载请注明原文链接：让css图片高度自适应