Javascript 当应用了表格分隔CSS时,如何设置打印页的边距
我在打印css上遇到了一个奇怪的问题,当我根据页面高度为表格分隔符设置css时,它工作得非常好Javascript 当应用了表格分隔CSS时,如何设置打印页的边距,javascript,css,print-css,Javascript,Css,Print Css,我在打印css上遇到了一个奇怪的问题,当我根据页面高度为表格分隔符设置css时,它工作得非常好 @page { size: A4; margin: 23mm 10mm 20mm 10mm; } @media print { body{} table{ page-break-inside:auto !important ;} tr{ page-break-inside:avoid; page-break-after:auto ;} td{ page-break-inside:avoid; p
@page { size: A4; margin: 23mm 10mm 20mm 10mm; }
@media print { body{} table{ page-break-inside:auto !important ;}
tr{ page-break-inside:avoid; page-break-after:auto ;}
td{ page-break-inside:avoid; page-break-after:auto ;}
thead { display:table-header-group; }
tfoot { display:table-footer-group; }}
由于
页边距:0
页面顶部没有空间,现在如果我在页面
部分添加页边距:20mm 10mm
,它会在页面上添加空格,但表格拆分现在不起作用,我也在主体
css中添加了页边距和填充
,但还没有运气,已经浪费了一天,请告诉我怎么做 请用html代码更新。html代码是动态的,用户可以打印任何类型的内容,事实上,我让表格为一个用户请求分解css。用小提琴显示你的html。这将对理解什么是断裂非常有帮助。一个应用了css的示例表。请使用html代码进行更新。html代码是动态的,用户可以打印任何类型的内容,实际上,我让该表为一个用户请求分解css。用小提琴显示您的html。这将对理解什么是断裂非常有帮助。应用css的示例表。