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

时间:2013-01-30 10:29:01

标签: css xhtml princexml oxygenxml

这是我得到的:

  • 使用来自XML和XSL文件的Oxygen XML转换的XHTML文件
  • 身体开头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显示在fancybox中 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

我的梦想是在文档(XHTML或CSS)中的任何位置显示div应该显示的位数之后确定位置。

也许你已经知道如何解决。谢谢。 bearli

1 个答案:

答案 0 :(得分:0)

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

如果您不想更改文档标记,则可以在生成PDF时始终使用JavaScript动态执行此操作,只需记住使用--javascript选项运行Prince以启用脚本执行,或者应用外部带有--script = FILE.js。

的脚本文件