DOMPDF:CSS被忽略

时间:2013-10-30 07:31:26

标签: html css dompdf

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

正在打印到PDF&#39;的html。在浏览器中按预期呈现。 但是,在使用DOMPDF时,将忽略CSS布局。注意:使用内联CSS <td style="width:2cm;">时,文档会正确呈现。所需的结果输出如下所示。正如代码片段不正确一样。

谢谢,

期望的输出: Desired Output

DOMPDF输出: enter image description here

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

0 个答案:

没有答案