如何使用 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

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

我使用下面的代码来获得预期的输出。我使用了 table，因为 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>

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

How to create a color box in the pdf using HTML CSS

html

css

php

pdf

tcpdf