HTML 电子邮件 : Images go beyond table width

Question

我正在制作 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

中显示相同的输出，那就太好了

如有任何帮助，我们将不胜感激。

谢谢。

Answer 1

尝试在您的 td 中使用 display:inline-block。