将HTML边距设置为最后一行

Question

我必须打印一个HTML页面。当我使用连续工作表时，我需要将打印边距设置为页面中的最后一行，以便不浪费纸张。是否有任何HTML标记/ css属性来设置打印机边距？

Answer 1

是的，您可以使用CSS媒体查询设置打印机选项

@media print {
  /* all the properties here would be applied to printed form only */
}

这样您就可以更改屏幕和打印表单上HTML元素的显示。

为了最大限度地减少页面使用，您可以缩短字体大小，可以最小化边距，可以减少填充等。像这样：

@media print {
   font-size: .8em;
   padding: 1px; /* or none if there is 1px padding */
   margin: 0; /* or just the margin-bottom to be set as 0 */
}

其余的由你决定。您可以更改所有属性，使其适合页面大小。