我正在制作 HTML Emailer。
我面临的问题是,当我将第 5 张图像放在一行中时,它会扩展表格宽度,而不是在新行的中心下降。
<table cellspacing="8" style="margin: 0 auto; text-align: center; max-width: 500px !important; " width="500">
<tr>
<td align="center" style="text-align:center;height:60px; padding:10px;'.$border.'">
<img src="http://www.hubilo.in/images_for_links/facebook.png" width="110">
</td>
<td align="center" style="text-align:center;height:60px; padding:10px;'.$border.'">
<img src="http://www.hubilo.in/images_for_links/facebook.png" width="110">
</td>
<td align="center" style="text-align:center;height:60px; padding:10px;'.$border.'">
<img src="http://www.hubilo.in/images_for_links/facebook.png" width="110">
</td>
<td align="center" style="text-align:center;height:60px; padding:10px;'.$border.'">
<img src="http://www.hubilo.in/images_for_links/facebook.png" width="110">
</td>
</tr>
</table>
我想要的是,当我放置第 5 张图片时,它应该位于新行的中心。如果能在 Outlook
中显示相同的输出,那就太好了如有任何帮助,我们将不胜感激。
谢谢。
最佳答案
尝试在您的 td 中使用 display:inline-block
。
关于HTML 电子邮件 : Images go beyond table width,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39444857/