使用 HTML 而非 CSS 将图像链接居中

Question

我正在尝试仅使用 HTML 而不使用 CSS 使图像居中，这可能吗？我尝试了以下代码：

 <a href="link">
<img src="URL" align="center"></a>

但是图像没有移动。我该如何解决这个问题？

我试图居中的图像是我们 博客 右栏上的捐赠按钮我将链接放在“文本”小部件中，因此 CSS 似乎在那里不起作用。

原文由 Arthur Mamou-Mani 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

好吧，您 可以 使用 <center> ，但不再支持它。最好的办法是在 HTML 和 text-align:center 中使用样式属性。这不会直接将图像居中，因此您可以将其包装在具有样式的 div 中：

 <div style="text-align: center">
<a href="link">

<img src="URL" align="center"></a>
</div>

查看已发布的评论后，我发现您实际上不需要 div。只需将它应用于它周围的链接即可。

 <a href="link" style="text-align: center">

<img src="URL" align="center"></a>

没有 CSS 是不可能做到这一点的，除非你想使用过时的东西。

原文由 StackExchange User 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

另一种不使用 CSS 的方法是将图像包装在 table 中。虽然它不是目前在 Internet 上做事的最佳方式，但它与旧的电子邮件客户端、浏览器和系统兼容，在这些系统中，公司从防火墙上的内容中剥离 CSS。

 <table cellpadding="0" cellspacing="0" border="0" width="100%">
<tr><td align="center">
<img src="URL">
</td></tr>
</table>

虽然我意识到这个问题是关于在 WordPress 中实施的，但谷歌认为它与我自己的问题有关。

原文由 AbsoluteƵERØ 发布，翻译遵循 CC BY-SA 3.0 许可协议