打印带有图像的html(每个图像都在单独的页面上)
Print html with images (every image on separate page)
我有一个带图像的HTML:
<img id="1" .../>
<img id="2" .../>
<img id="3" .../>
<img id="4" .../>
打印时,我希望每个图像都在单独的页面上(根据打印尺寸(。
现在我把图片从在中间剪下来。
有什么办法解决它吗?
您可以尝试以下操作。。
<html>
<head>
<style type="text/css">
@media print {
p.pageBreak {page-break-after: always;}
}
</style>
</head>
<body>
<p class="pageBreak">
<img id="1" src="http://placehold.it/250x250">
</p>
<p class="pageBreak">
<img id="2" src="http://placehold.it/250x250">
</p>
<p class="pageBreak">
<img id="3" src="http://placehold.it/250x250">
</p>
<p class="">
<img id="4" src="http://placehold.it/250x250">
</p>
</body>
</html>
相关文章:
- Javascript排序的图像弹出窗口..可以't单独弹出
- 如何通过一个onclick事件更改两个单独的图像
- 如何在单个按钮中从单独的文件夹上传多个图像
- 如何设置图像数组并单独循环浏览它们
- 使用 Javascript,如何为我的每个灯箱图库图像制作单独的标题
- 有没有一种方法可以将表格和画布组合成一个单独的图像
- html画布:将多个图像插入到单独的画布中
- 一页angularjs的单独背景图像
- 如何将图像保存到单独的文件夹中
- 如何在不将图像和文章硬编码为单独页面的情况下将它们显示在一起
- 使用画布单独倾斜图像
- 如何在html/javascript中访问单个图像上的单独点/部分
- 为什么我的灯箱画廊加载图像在单独的页面
- 通过使用JavaScript单击一个单独的链接来更改画廊滑块中的主图像
- 在jquery中,在单独的文本区域(除了TinyMce)加载图像
- 如何让鼠标悬停功能在多个图像上工作,每个图像都有单独的附带文本
- 打印带有图像的html(每个图像都在单独的页面上)
- 使用Javascript在单独的表单页面上用图像文件名更新隐藏的表单字段
- 单独旋转 2 个或更多图像
- jQuery在加载每个单独的DIV与图像时的淡出