Html 是否可以将容器的高度调整为包含容器的图像的高度?
我有一个标题,宽度设置为100%,因为我希望图像调整到浏览器的大小。但是,我想将上下文的高度调整为图像的高度,以便完整地查看图像 我在css文件中使用以下代码:Html 是否可以将容器的高度调整为包含容器的图像的高度?,html,css,Html,Css,我有一个标题,宽度设置为100%,因为我希望图像调整到浏览器的大小。但是,我想将上下文的高度调整为图像的高度,以便完整地查看图像 我在css文件中使用以下代码: background-image: url('http://...'); background-size:100% auto; background-repeat:no-repeat; 我在高度中使用大小自动来表示图像的比例 我知道通常情况下,内容会根据容器的大小进行调整,但对于高度,我希望根据包含的元素调整容器的高度。可能吗 非常感
background-image: url('http://...');
background-size:100% auto;
background-repeat:no-repeat;
我在高度中使用大小自动来表示图像的比例
我知道通常情况下,内容会根据容器的大小进行调整,但对于高度,我希望根据包含的元素调整容器的高度。可能吗
非常感谢。免责声明:
只需在div中添加一个image元素,默认情况下div将采用img的高度
<div>
<img src="http://placehold.it/350x150" alt="" />
</div>
所以容器中没有实际的图像元素,而只使用背景图像?那么就没有办法使容器自动达到背景图像的高度。它的背景与容器中的图像不同吗?如何设置图像而不是背景?对我来说,无论我使用图像而不是背景。如果你不知道如何在HTML中嵌入图像…那么请学习一些基本知识。
完成。