如何在html打印的每一页中保持页眉高度超过300px。。。。。? @第{ @上中锋{ 内容:“标题文本在此显示”; } } div#打印头{ 位置:固定;顶部:0;左侧:0;宽度:100%;高度:20em; 垫底:1米; 边框底部:1px实心; 边缘底部:10px; } @媒体屏幕{ div#打印头{ } 部门#docbody{ 边际上限:0; } } @媒体印刷品{ div#打印头{ 显示:块; } 部门#docbody{ 边缘顶端:3em; } }

如何在html打印的每一页中保持页眉高度超过300px。。。。。? @第{ @上中锋{ 内容:“标题文本在此显示”; } } div#打印头{ 位置:固定;顶部:0;左侧:0;宽度:100%;高度:20em; 垫底:1米; 边框底部:1px实心; 边缘底部:10px; } @媒体屏幕{ div#打印头{ } 部门#docbody{ 边际上限:0; } } @媒体印刷品{ div#打印头{ 显示:块; } 部门#docbody{ 边缘顶端:3em; } },html,css,Html,Css,我想在我的打印页面中设置一个更大的标题,并且内容是从数据库中动态生成的。 我不能增加收割台高度超过250像素。 如何将收割台高度增加到300px以上?有一个属性可以帮助您 最小高度:300px您的问题有很多问题,首先,这与Windows无关,您的问题也不太清楚。请检查页眉必须在我打印的每一页中重复。如果我包括最小高度内容重叠,您可以添加一些页面的html吗?顺便说一下,如果您的内容重叠,可能是因为您将页眉设置为固定,这是正常的。要做到这一点,你应该在你的内容中添加一个页边空白:300px。但你真

我想在我的打印页面中设置一个更大的标题,并且内容是从数据库中动态生成的。 我不能增加收割台高度超过250像素。
如何将收割台高度增加到300px以上?

有一个属性可以帮助您


最小高度:300px

您的问题有很多问题,首先,这与Windows无关,您的问题也不太清楚。请检查页眉必须在我打印的每一页中重复。如果我包括最小高度内容重叠,您可以添加一些页面的html吗?顺便说一下,如果您的内容重叠,可能是因为您将页眉设置为固定,这是正常的。要做到这一点,你应该在你的内容中添加一个页边空白:300px。但你真的需要设置一个固定的页眉吗?如果我在打印的每一页中添加页边距:300px,它就会生效。。。!!!
<style>
@page { 
   @top-center{
       content: "Header text goes here"; 
   }
}
div#printhead {
position: fixed; top: 0; left: 0; width: 100%; height: 20em;
padding-bottom: 1em;
border-bottom: 1px solid;
margin-bottom: 10px;
}

@media screen {
  div#printhead {
  }
  div#docbody {
  margin-top: 0;
  }
}

@media print {
  div#printhead {
  display: block;
  }
  div#docbody {
  margin-top: 3em;
  }
}
</style>