使用 mpdf 在 table 中的 div 上添加 margin-top 和 bottom

Question

当我尝试在 div 元素上添加 margin-top 或 margin-bottom 时遇到问题在 table 中用于使用 mpdf.

生成 pdf

我有这样的东西：

<table>
<tr>
    <td>
        <div style="margin-top: 20px;">Element1</div>
        <div style="margin-top: 20px;">Element2</div>
        ...
    </td>

    <td>
        <div style="margin-top: 20px;">Element4</div>
        <div style="margin-top: 20px;">Element5</div>
        ...
    </td>
</tr>
</table>

边距样式未转换。

我想可能是嵌套元素太多，mpdf在某些情况下不支持。有人已经解决过这样的问题吗？

Answer 1

最后，我找到了另一种无需使用 margin 样式即可实现此目的的方法。我刚刚使用简单标签 <br> 在我的元素之间创建了 space。

<table>
<tr>
<td>
    <br><br>
    <div>Element1</div>
    <br><br>
    <div>Element2</div>
    ...
</td>

<td>
    <br><br>
    <div>Element4</div>
    <br><br>
    <div>Element5</div>
    ...
</td>
</tr>
</table>

Mpdf 在 CSS 中有一些限制。有时为了完成某些任务，我们必须换一种方式思考。谢谢。

使用 mpdf 在 table 中的 div 上添加 margin-top 和 bottom

add margin-top and bottom on a div in a table with mpdf

css

mpdf