TCPDF表格中TD元素内图片底部对齐实现问题

我之前也踩过TCPDF处理HTML表格对齐的坑，针对你说的「三张图片无论高度如何都要在TD底部对齐」的需求，给你几个亲测有效的方案：

方案1：用行内块容器强制对齐（HTML方式） #

TCPDF对vertical-align的支持不算完美，但给每个图片套一个固定高度的行内块元素，再设置元素的vertical-align: bottom，能强制图片在容器底部对齐。代码示例：

<td style="vertical-align: bottom;">
  <span style="display: inline-block; height: 200px; vertical-align: bottom;">
    <img src="image1.jpg" />
  </span>
  <span style="display: inline-block; height: 200px; vertical-align: bottom;">
    <img src="image2.jpg" />
  </span>
  <span style="display: inline-block; height: 200px; vertical-align: bottom;">
    <img src="image3.jpg" />
  </span>
</td>

这里的height值可以设为三张图片中最高的那一张的高度，确保所有容器高度一致，图片自然就都贴齐底部了。

方案2：用TCPDF原生API手动定位（PHP代码方式） #

如果HTML方式还是不生效，干脆绕过HTML渲染，直接用TCPDF的Image()方法手动计算位置。这种方式完全可控，不受CSS限制：

// 先定义表格单元格的位置和尺寸
$cellX = 10;    // 单元格左上角X坐标
$cellY = 50;    // 单元格左上角Y坐标
$imgWidth = 50; // 每张图片的宽度

// 获取三张图片的高度
$img1H = $pdf->getImageHeight('image1.jpg');
$img2H = $pdf->getImageHeight('image2.jpg');
$img3H = $pdf->getImageHeight('image3.jpg');

// 取最高图片的高度作为基准
$maxImgHeight = max($img1H, $img2H, $img3H);

// 计算每张图片的Y坐标（单元格底部往上推图片高度）
$pdf->Image('image1.jpg', $cellX, $cellY + $maxImgHeight - $img1H, $imgWidth);
$pdf->Image('image2.jpg', $cellX + 55, $cellY + $maxImgHeight - $img2H, $imgWidth);
$pdf->Image('image3.jpg', $cellX + 110, $cellY + $maxImgHeight - $img3H, $imgWidth);

这种方式需要你提前知道单元格的位置，但对齐效果绝对可靠。

补充提示 #

TCPDF对CSS的支持确实非常有限，padding、margin这类属性经常失效，所以尽量用内联样式，优先选择它官方文档明确标注支持的属性（比如vertical-align、display: inline-block）。另外，如果你是用HTML渲染，记得开启TCPDF的HTML5支持（$pdf->setHtml5ParserEnabled(true);），能提升部分CSS属性的兼容性。

内容的提问来源于stack exchange，提问作者Carlos Delgado