8

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

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

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

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

4

5 回答 5

13

好吧，您可以使用<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 就不可能做到这一点，除非你想使用过时的东西。

于 2013-06-03T22:36:55.403 回答
6

另一种不使用 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 认为它与我自己的问题有关。

于 2014-09-26T19:41:25.650 回答
0

您可以将图像对齐到中心

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

于 2021-02-01T15:25:52.113 回答
0

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

<p align="center" ><a href "link"> <img src="link"></a></p>
于 2022-02-03T17:18:34.583 回答
0

您可以在没有 CSS 的情况下轻松对齐图像只需将图像包装在 div 标签中并使用 align='center' 例如：

<div align='center'>
   <img src="Capture.JPG" alt="logo header"><br/>
</div>
于 2021-07-21T06:37:18.417 回答