DIV 高度在 pdfhtm iText 中不起作用?
DIV height doesn't working in pdfhtm iText?
我正在尝试将图像放在 Div 中。但是,高度属性不会在生成的 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>
我认为您可能要考虑将高度设置为 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>
我正在尝试将图像放在 Div 中。但是,高度属性不会在生成的 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>
我认为您可能要考虑将高度设置为 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>