XMLWorker:单元格的垂直对齐不起作用
XMLWorker: cell's vertical-align not working
如果您检查此代码:
<table>
<tr>
<td border="1">
<table>
<tr><td>Blah</td></tr>
<tr><td>Blah</td></tr>
<tr><td>Blah</td></tr>
</table>
</td>
<td border="1">
<table>
<tr><td>Blah</td></tr>
<tr><td>Blah</td></tr>
</table>
</td>
</tr>
</table>
在这里:
http://demo.itextsupport.com/xmlworker/
你会看到这个:
但是如果您单击 "transform" 以便 XMLWorker 创建 PDF,则结果如下:
所以...垂直对齐被破坏了吗?如何将第二个 table 移动到父单元格的顶部?
您忘记定义右侧单元格的垂直对齐方式。
我已经改编了你的HTML (table4_css.html):
<table>
<tr>
<td>
<table border="1">
<tr><td>Blah</td></tr>
<tr><td>Blah</td></tr>
<tr><td>Blah</td></tr>
</table>
</td>
<td valign="top">
<table border="1">
<tr><td>Blah</td></tr>
<tr><td>Blah</td></tr>
</table>
</td>
</tr>
</table>
您可以找到将此 HTML 转换为 PDF here. Take a look at the resulting PDF: html_table_7.pdf
的源代码
如您所见,引入 valign
属性将右侧部分向上移动。
如果您检查此代码:
<table>
<tr>
<td border="1">
<table>
<tr><td>Blah</td></tr>
<tr><td>Blah</td></tr>
<tr><td>Blah</td></tr>
</table>
</td>
<td border="1">
<table>
<tr><td>Blah</td></tr>
<tr><td>Blah</td></tr>
</table>
</td>
</tr>
</table>
在这里:
http://demo.itextsupport.com/xmlworker/
你会看到这个:
但是如果您单击 "transform" 以便 XMLWorker 创建 PDF,则结果如下:
所以...垂直对齐被破坏了吗?如何将第二个 table 移动到父单元格的顶部?
您忘记定义右侧单元格的垂直对齐方式。
我已经改编了你的HTML (table4_css.html):
<table>
<tr>
<td>
<table border="1">
<tr><td>Blah</td></tr>
<tr><td>Blah</td></tr>
<tr><td>Blah</td></tr>
</table>
</td>
<td valign="top">
<table border="1">
<tr><td>Blah</td></tr>
<tr><td>Blah</td></tr>
</table>
</td>
</tr>
</table>
您可以找到将此 HTML 转换为 PDF here. Take a look at the resulting PDF: html_table_7.pdf
的源代码如您所见,引入 valign
属性将右侧部分向上移动。