如何使用 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;">&nbsp; <tr>&nbsp; &nbsp; <td width="80px" height="80px" style="background-color: #2ecc71;color:#fff;line-height: 80px;font-size:30px;text-align:center">46%</td>&nbsp; </tr></table>