我正在尝试使用 html/css 创建一个三折打印输出,但我正忙着让打印页面按我的意愿打印出来。
@page
{
size: 8.5in 11in;
margin: 0;
}
.trifold-segment {
position: relative;
overflow: visible;
width: 2.66in;
padding: 0.5in;
text-align: center;
float: left;
border-right: thin dashed lightGray;
}
.trifold-segment:nth-child(3n+1) {
border-right: none;
}
使用此代码,每个三折部分应为 3.66 英寸,加起来应小于 11 英寸,并且可以整齐地放在 8.5 英寸 x 11 英寸的纸上。相反,我发现这些尺寸的第三部分不适合页面。我不确定我做错了什么,或者是否有一些隐藏的边距阻止我自己定义整页的使用。
任何可能有帮助的见解或资源链接?谢谢!