CSS-其他页面的打印单中的html页面
matthew3r
我做了一个简单的页面，我希望在其中分页，并横向打印页面。问题是，所有页面都在前一页中滑动。这是我的代码：
<html>
<head>
<style>
.break {
page-break-after: always;
}
.page {
width: 29.7cm;
height: 21cm;
margin: 0;
padding: 0;
}
@media print {
.container {
-webkit-transform: rotate(-90deg);
-moz-transform:rotate(-90deg);
filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
}
</style>
</head>
<body>
<div class="page break container">
Lorem ipsum (...) turpis.
</div>
<div class="page break container">
Nulla sagittis (...) lectus.
</div>
<div class="page container">
Donec pharetra (...) Curae;
</div>
</body>
</html>
打印预览中的结果如下所示： 
我试图修改宽度和高度以及其他一些东西，但是唯一的区别是在预览中绘制文本的位置。
任何的想法？
提前致谢！
古巴
尝试通过以下方式强制页面泄漏：
@media print {
.break {page-break-after: always;}
}
（还要在打印CSS中指定横向，而不是通过旋转来指定，例如：
@media print{@page {size: landscape}}
）？
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
如何通过 JavaScript 创建 CSS 范围以防止 CSS 影响页面的其他部分？
- 2
将其他页面的CSS类应用于带有angularjs的标题
- 3
使用CSS的整个HTML页面的边框
- 4
尽管它可以在其他页面的CSS中使用，但在类别页面上却无法使用（Django）
- 5
访问页面的 CSS
- 6
R Shiny中每个页面的CSS
- 7
从嵌套页面的<html>标记中添加其他属性
- 8
从嵌套页面的<html>标记中添加其他属性
- 9
如何在不使用CSS页面的情况下在HTML中创建悬停效果
- 10
动态更改/插入登录页面的HTML和CSS
- 11
是否应该将JavaScript / CSS放在HTML页面的底部？
- 12
如何使用.css在每个.html页面的末尾添加地址？
- 13
HTML / CSS页面的窗口缩小时无法滚动
- 14
是否应该将JavaScript / CSS放在HTML页面的底部？
- 15
如何解决 Navbar 与 CSS 中的正文内容或其他页面重叠的问题
- 16
如何在Wordpress中更改特定页面的CSS？
- 17
使用CSS打印页面总数的页面数
- 18
我如何在css中为打印html页面设置sytle
- 19
在HTML中内联CSS以提高页面速度
- 20
在HTML中内联CSS以提高页面速度
- 21
如何使用CSS计算打印页面上的HTML元素？
- 22
CSS中的居中页面
- 23
使用CSS限制要在页面中打印的表中的行数
- 24
在其他页面的准确位置打印信息
- 25
将 CSS 应用于 Wordpress 中父页面的子页面
- 26
如何通过CSS扩展页面的长度？
- 27
硒页面的CSS选择器
- 28
当前菜单页面的CSS状态？
- 29
更改WooCommerce页面的主题菜单CSS
我来说两句