0

我正在使用 DOMPDF 生成 PDF 文档。

正在“打印为 PDF”的 html 在浏览器中按预期呈现。然而，当使用 DOMPDF 时，CSS 布局会被忽略。注意：使用内联 CSS<td style="width:2cm;">时，文档会正确呈现。所需输出和结果输​​出如下所示。正如不正确呈现的代码片段一样。

谢谢，

期望的输出： 期望的输出

DOMPDF 输出： 在此处输入图像描述

<style type="text/css">
    td { 
      display: table-cell;
      vertical-align: top; 
    }

    .num {
    width: 1cm;
    }

    .spc {
    width: 2cm;
    }

    .quanda {
    width: 8cm;
    }

</style>

<div>
    <h1>Demographics</h1>
</div>
<div>
    <hr/>
</div>
<div>
    <table>
        <tbody>
            <tr>
                <td class="num">1)</td>
                <td class="quanda">Study ID</td>
                <td class="spc"> </td>
                <td class="quanda">2349723</td>
            </tr>
            <tr>
                <td class="num">2)</td>
                <td class="quanda">Date subject signed consent</td>
                <td class="spc"> </td>
                <td class="quanda">12 March 2012</td>
            </tr>
            <tr>
                <td class="num">3)</td>
                <td class="quanda">Upload the patient's consent form</td>
                <td class="spc"> </td>
                <td class="quanda">Uploaded: URL: </td>
            </tr>
            <tr>
                <td class="num">4)</td>
                <td class="quanda">First Name</td>
                <td class="spc"> </td>
                <td class="quanda">Bob</td>
            </tr>
            <tr>
                <td class="num">5)</td>
                <td class="quanda">Last Name</td>
                <td class="spc"> </td>
                <td class="quanda">Dylan</td>
            </tr>
        </tbody>
    </table>
</div>
4

0 回答 0