TCPDF：TD中文本和圖像的垂直對齊

Question

我一直在瀏覽各種論壇，但沒有找到解決我的問題的方法。

我在視圖中顯示了一段HTML，並使用TCPDF將其呈現為PDF。 HTML看起來不錯，但似乎在TCPDF中不起作用。

我有下面的表格單元格，其中包含文本（3a-2b），圖像旁邊。 對齊方式應類似於第二張圖片。

PDF： 瀏覽器：

• 我試過CSS（垂直對齊，高度，行高，邊距，填充...）
• 我發現這篇文章http://bytethinker.com/blog/tcpdf-and-vertical-alignment-of-table-cells

但似乎沒有任何效果。

我知道我可以將整個文本用作圖像，但這只是一個例子。

還有其他辦法嗎？

Answer 1

將文本和圖像放在單獨的<td> ，並向包含文本的<td>施加6px的line-height可以解決問題。

Answer 2

添加樣式=“ line-height：50％;” 圖片標簽中的圖片對我有用。 請嘗試一下。 就我而言，我想在表格單元格中垂直對齊圖像。 您可以在表單元格中添加div，也可以在其中添加圖像或文本。 下面為我​​工作。

<div align="center"><img src="images/logo_example.png" border="0" height="30" width="30" style="line-height:50%;"/></div>

Answer 3

TCPDF對HTML和CSS的支持非常差，但是有一些未記錄的HTML和CSS屬性。 搜索源代碼后，我找到了支持“中間”的img標簽的“ aling”屬性。 這樣就可以完成您想要的操作： <img src="..." align="middle">