gpt4 book ai didi

html - CSS 图像高度限制为父 div 高度。父 div 宽度和高度以百分比指定***

转载 作者:搜寻专家 更新时间:2023-10-31 21:56:34 24 4
gpt4 key购买 nike

<分区>

如何将图像的高度限制在其高度以百分比形式指定的父容器内?

如果图像宽度/高度 > 父级宽度/高度,我希望图像跨越父级。如果图像宽度/高度 < 父级宽度/高度,图像将与父级居中对齐。在任何情况下,我都不希望图像被拉伸(stretch)[垂直/水平。]

html, body{
width:100%;
height:100%;
}

#top{
height:10%;
}

#middle{
height:80%;
}

#bottom{
height:10%;
}

img{
width: how much?
height: how much?
}

<html>
<body>
<div id="top">I am top</div>
<div id="middle">
<img src="/images/abc.jpg" />
</div>
<div id="bottom">I am bottom</div>
</body>
</html>

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com