"使用 HTML 和无 CSS 将图像链接居中"

Question

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

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

然而图像并没有移动。 我该如何解决这个问题？

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

Answer 1

好吧，您可以使用<center> ，但它不再受支持。 最好的办法是在 HTML 和text-align:center使用 style 属性。 这不会直接使图像居中，因此您可以将其包装在带有样式的 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 就没有办法做到这一点，除非你想使用过时的东西。

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 的实现，但 Google 认为它与我自己的问题有关。

Answer 3

您可以通过以下方式将图像对齐到中心

<p style="text-align:center;"><img src="logo.png" alt="Logo"></p>

Answer 4

我会在它周围放置一些 p 标签

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

Answer 5

无需 CSS 即可轻松对齐图像只需将图像包装在 div 标签中并使用 align='center' 例如：

<div align='center'>
   <img src="Capture.JPG" alt="logo header"><br/>
</div>