分页的处理 @media print { .page-break { page-break-after: always; } } 在需要分页的tr上,加上该样式即可 3.隐藏某些不需要打印的区域 padding:3px 5px } h1 { font-size:24px } @media print { .no-print { display: none; } .page-break
24px } @media print { .no-print { display: none; } .page-break td> 数据3
This
important; } /* 分页控制 */ .page-break { page-break-after: always; } } </style> </head> <body>
第一页内容
<div class="<em>page-break</em>CustomComponent.html {% load custom_tags %} <section class="l{{ level }} component{% if pageBreakBefore %} <em>page-break</em>
@media print { .page-break { page-break-before: always; } } 避免分割元素:使用 page-break-inside 属性来避免将元素分割到不同的页面上
important; } body { margin: 0; padding: 20px; font-size: 12pt; } .page-break { page-break-before
important; } /* 分页控制 */ .page-break { page-break-after: always; } /* 避免在元素中间分页
} @media print { .no-print { display: none; } .page-break
important; } /* 问题2:CSS打印属性支持不完整 */ .page-break { page-break-before: always; /* 某些浏览器不支持
--分页-->