【问题标题】:How to align image in table td, tcpdf如何在表格 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" width="20" height="20" ></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 成功了,谢谢

标签: php html image alignment tcpdf


【解决方案1】:

你可以使用: CSS:

td img{
    margin:0 auto;
}

或像@gayan 一样使用

【讨论】:

  • tcpdf,不是 css。 tcpdf 在 writeHtml 中没有边距
【解决方案2】:

你检查图像对齐了吗?

<img align=center src="abc.jpg" width="20" height="20" >

【讨论】:

    【解决方案3】:

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

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

    查看a fiddle 的工作原理。

    【讨论】:

    • 不幸的是,在 HTML 上工作,但是当你把 HTML 扔给 TCPDF 时就不行了。 :(
    • text-align:center 没问题。垂直对齐:中间; : 不好。必须尝试在单元格内使用 setHtmlVSpace 和 p/div/h5 或 h6 ....
    猜你喜欢
    相关资源
    最近更新 更多
    热门标签