CSS/XHTML:在特定表行计数后显示 div

Question

这是我得到的：

• 一个XHTML文件，用Oxygen XML从XML和XSL文件转换而来
• 正文开头有 10 个div，用 CSS 隐藏
• 之后：具有 100 TRS 的表

看起来像这样：

<div id="div1" style="display:none;">content1</div>
<div id="div2" style="display:none;">content2</div>
<table id="table1">
 <tr><td>conent3</td></tr>
 <tr><td>conent4</td></tr>
 <tr><td>conent5</td></tr>
</table>

现在我正在做两个项目。
1）CSS屏幕。这很好。单击表格内的链接时，div 显示在一个花哨的框中。
2）CSS打印。这就是我在这里问的原因。使用Prince XML将XHTML转换为PDF - 好的。在打印版本中，隐藏的div应该出现在特定位置，例如：

1. TABLE ROW
2. TABLE ROW
3. TABLE ROW
1. DIV
4. TABLE ROW
5. TABLE ROW
2. DIV

我的梦想是确定一个div应该在文档（XHTML或CSS）中的任何位置显示多少trs之后的位置。

也许你有一个想法如何解决。谢谢。熊利

Answer 1

最简单的解决方案是将表拆分为多个表，并将div 放在它们之间，或者将每个div 包含在表中您希望它出现的单独行中。

如果你不想改变你的文档标记，你总是可以在生成PDF时使用JavaScript来动态地做，只要记住使用--javascript选项运行Prince来启用脚本执行，或者使用--script=FILE.js应用外部脚本文件。