使用HTML而不是CSS来居中图像链接

Question

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

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

然而，图像不会移动。我该如何解决这个问题？

我想要居中的图片是我们blog右栏上的捐赠按钮。我将链接放在“文本”小部件中，因此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中。虽然它不是最好的方式在互联网上做事情，但它符合旧的电子邮件客户端，浏览器和系统，公司从防火墙上的内容中剥离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

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

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