首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >生成PDF文件时将tfoot与底部对齐(flying/itext)

生成PDF文件时将tfoot与底部对齐(flying/itext)
EN

Stack Overflow用户
提问于 2017-03-14 21:04:45
回答 1查看 942关注 0票数 0

我正在使用flying problem /itext来生成基于HTML的PDF文件,我遇到了向PDF文件添加页眉和页脚的问题。我最终做了一个带有页眉和页脚的HTML表格,类似于:

代码语言:javascript
运行
复制
<table>
<thead>
    <tr>
        <th>
            Header stuff
        </th>
    </tr>
</thead>
<tfoot>
    <tr>
        <th>
            Footer stuff
        </th>
    </tr>
</tfoot>
<tbody>
    <tr>
        <td>
            Content
        </td>
    </tr>
</tbody>
</table>

与css规则"table { -fs-table- paginate : paginate;}“一起,页眉和页脚可以正确分页。但是,我不能让页脚停留在页面的底部:

如果表格的内容填满了页面,则将页脚推到底部:

有没有办法在tbody不满的情况下把页脚压到底部??

谢谢,Julián

EN

Stack Overflow用户

发布于 2017-03-15 00:25:15

你应该使用CSS 3 Paged media来添加页眉和页脚。这将解决您的问题(在页面底部显示页脚),但也为您提供了许多很好的选项(页码,第一页的特定页眉...)

以下是基本模板:

代码语言:javascript
运行
复制
<html>
<head>
    <style>
     #header { position: running(header); }
     #footer { position: running(footer); }

     @page {
       @top-center    { content: element(header); }
       @bottom-center { content: element(footer); }
     }
    </style>
</head>
<body>
    <div id='header'>Header stuff</div>
    <div id='footer'>Footer stuff</div>

    <table>
      <tbody>
          <tr>
              <td>
                  Content
              </td>
          </tr>
      </tbody>
    </table>
</body>
</html>
票数 0
EN
查看全部 1 条回答
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/42786825

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档