如何使用 HTML CSS 在 pdf 中创建颜色框

Question

我正在使用 tcpdf，我必须创建一个带有数字的框。我试过了display:block，但不支持 tcpdf。我的预期输出是这样的但我变得这样我正在使用下面的代码$html='<div  style="text-align:center;">        <p><span style="color:#fff ; width: 150px;height: 100px;background-color: #2ecc71;line-height: 100px;">46%</span></p>        </div>';

Answer 1

经过更多的研究和实验，我找到了我的解决方案，我不知道它是不是最好的解决方案，但它解决了我的问题。

我使用下面的代码来获得我的预期输出。我使用了表格，因为 tcpdf 对于 css 有一些限制。我也使用width="80px" height="80px"而不是内部内联样式。

<table style="text-align:center;">

  <tr>

    <td width="80px" height="80px" style="background-color: #2ecc71;color:#fff;line-height: 80px;font-size:30px;text-align:center">46%</td>

  </tr>

</table>