css - XMLWorker：单元格的垂直对齐不起作用

Question

如果您检查此代码：

<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/

你会看到这个：

但是，如果您单击“转换”以便 XMLWorker 创建 PDF，结果如下：

那么...垂直对齐是否损坏？如何将第二个表格移动到父单元格的顶部？

Answer 1

您忘记定义右侧单元格的垂直对齐方式。

我已经修改了您的 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 的源代码。查看生成的 PDF：html_table_7.pdf

如您所见，引入valign属性将右侧部分向上移动。