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 的源代码 here .查看生成的 PDF:html_table_7.pdf

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