我正在尝试将图像放入Div中。但是,height属性不会应用到生成的PDF中。
我希望根据DIV高度限制图像高度。如果图像尺寸较小,则图像不应拉伸,请保持图像尺寸不变。
HTML:
<div style="height: 396.0pt !important; border: 1px solid red;">
<img border="0" src="C:/naveed personal/eclipse-jee-oxygen-M2-win32-x86_64/eclipse/Docs_a0Lg000000XzFhgEAF_4/015g0000001O9Qf.JPG">
</div>
答案 0 :(得分:0)
我认为您可能需要考虑将高度设置为div的百分比。这是您如何执行此操作的示例。
<!DOCTYPE html>
<html>
<head>
<style>
html, body {
height: 100%;
}
img.one {
height: auto;
width: auto;
}
img.two {
height: 50%;
width: 50%;
}
</style>
</head>
<body>
<h2>Set the height and width in %</h2>
<p>Resize the browser window to see the effect.</p>
<p>Original image:</p>
<img class="one" src="ocean.jpg" width="300" height="300"><br>
<p>Sized image (in %):</p>
<img class="two" src="ocean.jpg" width="300" height="300">
</body>
</html>