Html 尝试使用css仅在第1页上放置页脚
此链接提供了类似于正在显示的内容,它没有格式化,但提供了2页。必须用IE打印 我有一个在数据库中存储数据的页面和一个以通用方式显示数据的单独页面。我正在创建自定义页面,以便与word文档完全匹配,就像以前创建的所有文档一样。页面有页眉、正文和页脚 我需要打印成这样:Html 尝试使用css仅在第1页上放置页脚,html,css,Html,Css,此链接提供了类似于正在显示的内容,它没有格式化,但提供了2页。必须用IE打印 我有一个在数据库中存储数据的页面和一个以通用方式显示数据的单独页面。我正在创建自定义页面,以便与word文档完全匹配,就像以前创建的所有文档一样。页面有页眉、正文和页脚 我需要打印成这样: 第1页 ------------页眉----------------- ------------正文----------------- 从数据库中提取的部分数据以表单形式输入 ------------页脚--------------
第1页
------------页眉-----------------
------------正文-----------------
从数据库中提取的部分数据以表单形式输入
------------页脚-----------------
第2页
------------正文-----------------
从数据库中提取的部分数据以表单形式输入
第3页
------------正文-----------------
从以表单形式输入的数据库中提取的剩余数据
数据的大小是动态的 目前thead和tbody工作正常,但我只需要在第1页的页脚顶部有一条水平线
<body>
<div class="wrapper_class" >
<div>
<table style="width:100%;font-size:8pt;">
<thead>
<tr>
<td style="width:33%;">
Customer names:
</td>
<td style="width:33%;">
<img src="" />
</td>
<td style="width:33%;">
Customer names:
</td>
</tr>
<tr>
<td colspan="3">
<table>
<tr>
<td>
some more rows and columns
</td>
</tr>
</table>
</td>
</tr>
</thead>
<tbody>
<tr>
<td colspan="3">
<div class="floatCenterParent">
<p><%SELECT MemoField FROM Table WHERE ID = 100%></p>
</div>
<div>
<p><%SELECT MemoField FROM Table WHERE ID = 101%></p>
</div>
<div style="some more styling">
more text
</div>
</td>
</tr>
</tbody>
<tfoot>
<tr>
<td colspan="3">
static text
</td>
</tr>
</tfoot>
</table>
</div>
<div class="floating_Menu">
buttons that dont get printed
</div>
</div>
</body>
客户名称:
客户名称:
更多的行和列
更多文本
静态文本
无法打印的按钮
页面布局与word文档相匹配,我只需要第1页的页脚,即使没有完整的页面,页脚也必须位于底部。只需在IE10+中正确打印即可。如果可能的话,跨浏览器就好了
页脚确实正确地显示在底部的每一页上,除了最后一页,它紧跟在正文之后。请显示一些代码我添加了css,但是将类放在哪里,并且不确定.page one>页脚在做什么。谢谢。这个类在元素上运行,比如
和.page one>.footer”意味着只针对.footer`类,它是.page one
的直接子类。它似乎不是我想要的。.page one似乎是一个类,我将它放在一个外部div上,div的长度设计为1页,然后在该页上放置一个页脚,但由于我无法控制每个div的大小,因此我无法将一半数据放在其中。page one和其他div放在pages 2+@BrandonJacobs中-你能给我一个实时链接吗?如果我可以修改的话,我可能会有更多的帮助。我临时做了一些服务器端代码,以便及时发布,但是我必须不断地修改它,现在有更多的时间来重新讨论这个问题。我不能给一个链接,因为它是一个电子病历网站,但我做了一个快速的例子,如果它的工作应该能够适应我的需要。数据大小不固定,因此无法将其拆分为2个div,因为这是我当前的方法。但我将添加一些代码,以便能够对其进行测试。
.footer { display: none; }
.page-one > .footer { display: block; }