如何在表格 td、tcpdf 中对齐图像

Posted 2023-03-05

【中文标题】如何在表格 td、tcpdf 中对齐图像

【英文标题】：How to align image in table td, tcpdf

【发布时间】：2013-07-14 05:26:58

【问题描述】：

我使用 tcpdf 生成 pdf 文件。

并且在表格td中对齐图像存在问题。

我在 tcpdf 中使用 $pdf->writehtml($html, true, false, true, false, '');。

从我分享的图像中可以清楚地看到html。 html 就像

一样简单

<table>
  <tr>
    <td>&nbsp</td>
    <td>Picture</td>
    .......
  </tr>
  <tr>
    <td>1</td>
    <td style="text-align:center"><img src="abc.jpg"   ></td>
    .......
  </tr>
</table>

注意：align="center", valign="middle" , css margin 和 padding ... 我尝试过似乎没有任何效果

text-align:center 推入中心但不垂直。

【问题讨论】：

你检查应用了吗

@gayan 。这不起作用

你在td上试过text-align: center;吗？

那么添加vertical-align: middle; 和text-align:center; 怎么样？这行得通吗？

@fdl 成功了，谢谢

【参考方案1】：

你可以使用： CSS：

td img
    margin:0 auto;

或像@gayan 一样使用

【讨论】：

tcpdf，不是 css。 tcpdf 在 writeHtml 中没有边距

【参考方案2】：

你检查图像对齐了吗？

<img align=center src="abc.jpg"   >

【参考方案3】：

将以下 CSS 添加到您的 td 应该可以：

td 
    vertical-align: middle;
    text-align:center;

查看a fiddle 的工作原理。

【讨论】：

不幸的是，在 HTML 上工作，但是当你把 HTML 扔给 TCPDF 时就不行了。 :(

text-align:center 没问题。垂直对齐：中间； ： 不好。必须尝试在单元格内使用 setHtmlVSpace 和 p/div/h5 或 h6 ....