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

【问题标题】：How to create a color box in the pdf using HTML CSS如何使用 HTML CSS 在 pdf 中创建颜色框
【发布时间】：2020-10-27 11:10:33
【问题描述】：

我正在使用 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>';

【问题讨论】：

使用$html.= 告诉我。
@KUMAR，Dot(.) 不是问题。我可以访问我的变量。
在 jsfiddle 或类似的东西中尝试你的 HTML。问题不是 tcpdf，而是您的 HTML 样式不正确。如果你把你的宽度/高度/背景颜色放在你的 div 元素上，你会有更好的运气。
@DavidvanDriessche，为迟到的回复道歉，我刚看到你的评论。我使用表格找到了解决方案。如果您知道最佳答案，请告诉我。

标签： php html css pdf tcpdf

【解决方案1】：

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

我使用下面的代码来获得我的预期输出。我使用了一个表格，因为 css 的 tcpdf 有一些限制。我也使用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>

【讨论】：