dompdf生成PDF时，带链接图片被置于文本后问题求助

我的旅行报告网站中有部分嵌套在<a>标签内的可点击图片，网页端显示正常——图片左对齐，嵌在两段文本之间；但通过dompdf生成PDF时，这些带链接的图片会被挤到文本末尾，无法保持网页端的排版效果。

问题代码示例：

We received the code, Robin immediately walked over to it and came back with the house key.<a href="/bonnnen.php?bon=bon0001&land=Carcassonne&eenh=€&bedr=111,40#bot"><img src="/images/pngegg64.png" alt="Receipt" title="click to view the bill" border="0" align="left"></a> After dinner to the apartment.

解决思路及方案 #

dompdf对HTML原生的align属性支持有限，改用CSS控制排版能更好地兼容PDF生成：

• 替换align属性为CSS浮动：将图片的align="left"替换为style="float: left;"，让图片嵌入文本流
• 确保<a>标签保持行内特性：给<a>标签添加display: inline-block样式，避免链接容器破坏文本排版
• 添加间距优化排版：给<a>或图片设置margin，避免文本与图片过度贴合

修改后的代码示例：

We received the code, Robin immediately walked over to it and came back with the house key.
<a href="/bonnnen.php?bon=bon0001&land=Carcassonne&eenh=€&bedr=111,40#bot" style="display: inline-block; margin-right: 10px;">
  <img src="/images/pngegg64.png" alt="Receipt" title="click to view the bill" border="0" style="float: left;">
</a>
After dinner to the apartment.

如果仍有排版问题，可以尝试给后续文本添加style="overflow: hidden;"，强制文本环绕图片，避免图片被挤到末尾。

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