好的,基本上我一直在尝试使用iText的Java中的XMLWorker将HTML文件转换为PDF。因为有直接从HTML转换的问题,我一直在使用JTidy将文件转换为XHTML(就像魅力一样),但是当我尝试将其转换为PDF时,它会让我的布局大大缩短。
同样,HTML和XHTML文件(在浏览器中查看时相同)看起来完全符合我的要求,但PDF文件却被搞砸了。
这是HTML代码,显然我用“Bla”替换了表中包含的所有信息:
<!DOCTYPE html><html lang="en">
<head><meta charset="UTF-8"><title>Bla</title>
<style>
table#t0a {margin-top: 0.8cm; width: 90%; font-size: 13px; border-collapse: collapse;}
table#t0a td {padding: 4px; border: 1px solid;}
table#t0a td.span {width: 70%;}
table#t0a td.long {width: 32%;}
table#t0a td.short {width: 6%;}
table#t0b {margin-top: 0.8cm; margin-bottom: 0.8cm; width: 90%; font-size: 13px; table-layout: fixed; border-collapse: collapse;}
table#t0b td {padding: 4px; border: 1px solid; width: 20%;}
table#t0b th {background-color: #bbb; padding: 4px; border: 1px solid;}
table#t0b th:nth-child(2) {background-color: #bbb; padding: 4px; border: 1px solid; width: 20%;}
table#t1a {margin-top: 0.8cm; width: 90%; font-size: 13px; border-collapse: collapse;}
table#t1a td {padding: 4px; border: 1px solid;}
table#t1a td.span {width: 70%;}
table#t1a td.long {width: 32%;}
table#t1a td.short {width: 6%;}
table#t1b {margin-top: 0.8cm; margin-bottom: 0.8cm; width: 90%; font-size: 13px; table-layout: fixed; border-collapse: collapse;}
table#t1b td {padding: 4px; border: 1px solid; width: 20%;}
table#t1b th {background-color: #bbb; padding: 4px; border: 1px solid;}
table#t1b th:nth-child(2) {background-color: #bbb; padding: 4px; border: 1px solid; width: 20%;}
</style>
</head>
<body>
<div id="container">
<div class="tables0" style="margin-left: 0.93cm">
<table id="t0a" cellspacing="0">
<tr><td>Bla</td><td class="span" colspan="3">Bla</td></tr>
<tr><td>Bla</td><td class="span" colspan="3">Bla</td></tr>
<tr><td>Bla</td><td class="long">Bla</td><td class="short">Bla</td><td class="long">Bla</td></tr>
</table>
<table id="t0b" cellspacing="0">
<tr><th><b>Bla</b></th><th>Bla</th></tr>
<tr><td><p>Bla</p></td><td>Bla</td></tr>
<tr><th><b>Bla</b></th><th>Bla</th></tr>
<tr><td><p>Bla</p></td><td>Bla</td></tr>
<tr><th><b>Bla</b></th><th>Bla</th></tr>
<tr><td>
<b>Bla</b><br>Bla<br>
<b>Bla</b><br>Bla<br>
<b>Bla</b><br>Bla<br>
</td><td>Bla</td></tr>
</table>
</div>
<hr style="height:3px;border:none;color:#000;background-color:#000;" />
<div class="tables1" style="margin-left: 0.93cm">
<table id="t1a" cellspacing="0">
<tr><td>Bla</td><td class="span" colspan="3">Bla</td></tr>
<tr><td>Bla</td><td class="span" colspan="3">Bla</td></tr>
<tr><td>Bla</td><td class="long">Bla</td><td class="short">Bla</td><td class="long">Bla</td></tr>
</table>
<table id="t1b" cellspacing="0">
<tr><th><b>Bla</b></th><th>Bla</th></tr>
<tr><td><p>Bla</p></td><td>Bla</td></tr>
<tr><th><b>Bla</b></th><th>Bla</th></tr>
<tr><td><p>Bla</p></td><td>Bla</td></tr>
<tr><th><b>Bla</b></th><th>Bla</th></tr>
<tr><td>
<b>Bla</b><br>Bla<br>
<b>Bla</b><br>Bla<br>
<b>Bla</b><br>Bla<br>
</td><td>0</td></tr>
</table>
</div>
</div>
</body></html>
现在,在转换后的PDF中查看时,第一个表格会在屏幕边缘向右延伸,这显然不是故意的。任何想法为什么会这样?
答案 0 :(得分:0)
尝试将表t0a中第一列的列宽显式设置为30%。
答案 1 :(得分:0)
原来iText并不是真的与CSS兼容。 结束使用飞碟,它起作用了。