当容器无法更改时,图像高度为完整div高度

时间:2014-02-12 23:54:20

标签: html css image height

我有一种情况是我无法改变主容器并实现body,html高度和边距。

我想通过CSS设置图像,我希望DIV成为图像的完整高度和宽度。

实现这一目标的最佳方式是什么我在Google上找到的大部分内容都使用div然后img代码

1 个答案:

答案 0 :(得分:1)

在div中使用背景图像,并将宽度/高度设置为图像的尺寸。

使用封面或包含的背景大小值也可以轻松缩放图像。

请参阅:http://www.w3schools.com/cssref/css3_pr_background-size.asp

<div style="background-image:url('image.jpg'); width:100px; height:100px;"></div>

或使用背景尺寸

<div style="background-image:url('image.jpg'); background-size:100px 100px; width:..; height:..;"></div>