dompdf [v0.7.0-beta3] table 使用内联 css

Question

当我在 table 中使用内联 CSS 时，为什么内联 CSS 忽略渲染？

我尝试使用宽度、边距来制作长 td，但它忽略了渲染。

这里是index.php

$laporan .='<table border="1">
             <tr>
                 <td style="margin: 1em;"></td>
                 <td width="227px"></td>
                 <td style="text-align:center;" width="150px">Mengetahui</td>
             </tr>
             <tr>
                 <td max-width="230px"></td>
                 <td width="227px"></td>
                 <td style="text-align:center;" width="150px">Kepala PDAM</td>
             </tr>
             <tr>
                 <td rowspan="4"></td>
                 <td></td>
             </tr>
             <tr><td></td></tr>
             <tr><td></td></tr>
             <tr><td></td></tr>
             <tr><td></td></tr>
             <tr>
                 <td width="230px"></td>
                 <td width="227px"></td>
                 <td style="text-align:center;" width="150px"><u>Prof.Dr.Raymond Renoldy</u></td>
             </tr>
             <tr>
                 <td width="230px"></td>
                 <td width="227px"></td>
                 <td style="text-align:center;" width="150px">NIP.123 0987 0973</td>
             </tr>
         </table>';

Answer 1

设置单元格宽度似乎存在问题。在我能够确切地说出发生这种情况的原因之前，需要进行更多的研究，但似乎在第一行的空单元格中添加一个不间断的 space 可以解决这个问题。

随时 post 向问题跟踪器报告错误：https://github.com/dompdf/dompdf/issues/new

话虽如此，您的内联 css 与您的想法并不完全相同。如果您的代码示例是准确的，您似乎混淆了 HTML 属性和内联 css。 HTML 宽度属性不采用单位（尽管我相信 dompdf 会接受它）并且 max-width 的属性不存在。

尝试以下 HTML，它既解决了原始问题又清理了您的 HTML：

<table border="1">
  <tr>
    <td style="margin: 1em;">&nbsp;</td>
    <td style="width: 227px">&nbsp;</td>
    <td style="text-align:center; width: 150px;">Mengetahui</td>
  </tr>
  <tr>
    <td style="max-width: 230px;"></td>
    <td style="width: 227px;"></td>
    <td style="text-align: center; width: 150px;">Kepala PDAM</td>
  </tr>
  <tr>
    <td rowspan="4"></td>
    <td></td>
  </tr>
  <tr><td></td></tr>
  <tr><td></td></tr>
  <tr><td></td></tr>
  <tr><td></td></tr>
  <tr>
    <td style="width: 230px;"></td>
    <td style="width: 227px;"></td>
    <td style="text-align:center; width: 150px;"><u>Prof.Dr.Raymond Renoldy</u></td>
  </tr>
  <tr>
    <td style="width: 230px;"></td>
    <td style="width: 227px;"></td>
    <td style="text-align:center; width: 150px;">NIP.123 0987 0973</td>
  </tr>
</table>

另请注意，使用 dompdf 呈现表格时存在一些问题。如果内容超过该宽度，计算宽度的方式可能会导致 dompdf 忽略特定的 width/max-width 样式。

dompdf [v0.7.0-beta3] table 使用内联 css

dompdf [v0.7.0-beta3] table using inline css

css

html-table

dompdf