代码: 全选
@page {
size: A4 landscape;
}
像上面这样加到 style 中,只能全局设置。请教这个能做到部分设置吗?
代码: 全选
@page {
size: A4 landscape;
}
代码: 全选
@page :first {
size: A4 landscape;
}
@page {
size: A4 portrait;
}
代码: 全选
@page :right {
size: A4 landscape;
}
@page :left {
size: A4 portrait;
}
谢谢。加入这个 css 后,以 opera 56.0.3051.52 为例,按 Ctrl+P 组合健,打印时有个“布局”的选项,虽然在这里选择了第一页为横向,但在 opera 里还是可以调成纵向。astolia 写了: ↑2018-10-24 19:57 可以用伪类来限制作用范围 https://developer.mozilla.org/zh-CN/doc ... A%E4%BE%8B
第一页横,后面的页纵奇数页横,偶数页纵代码: 全选
@page :first { size: A4 landscape; } @page { size: A4 portrait; }
代码: 全选
@page :right { size: A4 landscape; } @page :left { size: A4 portrait; }
谢谢,我在客户机的 windows 7-64bit 上安装了以下浏览器来测试:
代码: 全选
<!DOCTYPE html>
<html>
<head>
<style>
@page:first {
A4 landscape;
margin: 1cm 0;
}
@page {
A4 portrait;
margin: 1cm 0;
}
.page_1 {
width: 282mm;
height: 200mm;
border: 1px solid black;
}
.page_2 {
width: 200mm;
height: 282mm;
border: 1px solid black;
}
</style>
</head>
<body>
<div class="page_1">
第一页
</div>
<div class="page-landscape" style="page-break-before: always;">
<div class="page_2">
第二页
</div>
</body>
</html>
另外firefox不支持size属性,所以这个在firefox上没用@page :first {
size: A4 landscape;
}
@page {
size: A4 portrait;
}
哦,我记错了,应该是下面这个 css
代码: 全选
@page landscape {
size: A4 landscape;
}
@page portrait {
size: A4 portrait;
}
section {
/**/
page: landscape;
}
table {
/**/
page: portrait;
}