如何在pdf中实现头部的可变动态高度,其位置为:fixed

时间:2014-07-08 15:39:30

标签: css ruby-on-rails css3 wicked-pdf

我在pdf报告中有一个标题,当标题编辑时,标题的高度会保持不变,而我的header.html.erb看起来像这样 -

<div id="custom_header">
  <div style="margin-top: 30px;"></div>
  <%= HeaderFooterDesign.custom_header %>
</div>

<style>
  #custom_header {
    position: fixed;
    top: 0px;
    left: 0;
    bottom:0;
    width: 100%;
    height:200px;
  }

  body {
    top: 0px;
    height:200px;
    width: auto;
  }

现在我给了身高:200px;在css中,如果高度更高或高度超过给定的限制,则标题将正确显示到某个给定高度,然后标题将不会显示在pdf报告中,因此我正在寻找dynamic height with position fixed factors i Dont want Scroll header所以任何一个帮助我

1 个答案:

答案 0 :(得分:0)

在普通的CSS中你可以使用min-height:200px。 但由于分配给pdf的上边距由边距配置定义......您需要考虑到这一点。 您可以查看这篇文章,它是关于更改页脚边距空间,但它可以帮助您找到答案 wicked_pdf: footer height/styling