blocks|key|3794220|text|嗯，你可以使用<center>，但它不再受支持。这里最好的方法是使用HTML和text-align:center中的style属性。这不会直接将图像居中，因此您可以将其包装在带有样式的div中：|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|3794221|<div+style="text-align:+center">
<a+href="link">

<img+src="URL"+align="center"></a>
</div>|code-block|syntax|javascript|3794222|在查看了发布的一条评论后，我发现您实际上不需要div。只需将其应用于其周围的链接即可。|3794223|<a+href="link"+style="text-align:+center">

<img+src="URL"+align="center"></a>|3794224|没有CSS是不可能做到这一点的，除非你想使用过时的东西。|3794225|entityMap^0|7|8|13|H|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@$9|T|A|U|B|C]|$9|V|A|W|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|X|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|Y|8|@]|D|@]|E|$]]|$1|M|3|N|5|H|7|Z|8|@]|D|@]|E|$I|J]]|$1|O|3|P|5|6|7|10|8|@]|D|@]|E|$]]|$1|Q|3|-4|5|6|7|11|8|@]|D|@]|E|$]]]|R|$]]

<p>Well, you <em>could</em> use <code>&lt;center&gt;</code>, but it is no longer supported. Your best bet here is to use the style attribute in HTML and <code>text-align:center</code>. This won't directly center the image, so you would wrap it in a div with the styling:</p>

<pre><code>&lt;div style="text-align: center"&gt;
&lt;a href="link"&gt;

&lt;img src="URL" align="center"&gt;&lt;/a&gt;
&lt;/div&gt;
</code></pre>

<p>After looking at a comment that was posted, I see that you actually don't need the div. Just apply it to the link around it.</p>

<pre><code>&lt;a href="link" style="text-align: center"&gt;

&lt;img src="URL" align="center"&gt;&lt;/a&gt;
</code></pre>

<p>There is no possible way to do this without CSS, unless you want to use outdated stuff.</p>


blocks|key|3794285|text|另一种不使用CSS的方法是将图像包装在table中。虽然这不是在Internet上做事情的最佳方式，但它与旧的电子邮件客户端、浏览器和公司在防火墙上从内容中剥离CSS的系统兼容。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|3794286|<table+cellpadding="0"+cellspacing="0"+border="0"+width="100%25">
<tr><td+align="center">
<img+src="URL">
</td></tr>
</table>|code-block|syntax|javascript|3794287|虽然我意识到这个问题是关于在WordPress中的实现，但谷歌认为它与我自己的问题有关。|3794288|entityMap^0|J|5|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@$9|P|A|Q|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|R|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|S|8|@]|D|@]|E|$]]|$1|M|3|-4|5|6|7|T|8|@]|D|@]|E|$]]]|N|$]]

<p>Another way that doesn't use CSS is to wrap the image in a <code>table</code>. While it's not the best way to do things on the Internet as it stands, but it is compliant with older e-mail clients, browsers, and systems where companies strip CSS from contents on a firewall.</p>

<pre><code>&lt;table cellpadding="0" cellspacing="0" border="0" width="100%"&gt;
&lt;tr&gt;&lt;td align="center"&gt;
&lt;img src="URL"&gt;
&lt;/td&gt;&lt;/tr&gt;
&lt;/table&gt;
</code></pre>

<p>While I realize this question was about implementation in WordPress, Google thought it was relevant to my own issue.</p>


blocks|key|1658825|text|您可以通过以下方式使图像居中对齐|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1658826|<p+style="text-align:center;"><img+src="logo.png"+alt="Logo"></p>|offset|length|style|CODE|1658827|entityMap^0|0|0|1T|0^^$0|@$1|2|3|4|5|6|7|J|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|K|8|@$D|L|E|M|F|G]]|9|@]|A|$]]|$1|H|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|I|$]]

<p>You can align the image to center by</p>
<p><code>&lt;p style=&quot;text-align:center;&quot;&gt;&lt;img src=&quot;logo.png&quot; alt=&quot;Logo&quot;&gt;&lt;/p&gt;</code></p>


blocks|key|3794353|text|你可以很容易地在没有CSS的情况下对齐图像，只需将图像包装在div标签中并使用align='center‘，例如：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3794354|<div+align='center'>
+++<img+src="Capture.JPG"+alt="logo+header"><br/>
</div>|code-block|syntax|javascript|3794355|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>You can easily align image without CSS
Just wrap your image in a div tag and use align='center'
For example:</p>
<pre><code>&lt;div align='center'&gt;
   &lt;img src=&quot;Capture.JPG&quot; alt=&quot;logo header&quot;&gt;&lt;br/&gt;
&lt;/div&gt;
</code></pre>


blocks|key|3794414|text|我只需要在它周围放置一些p标签。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3794415|<p+align="center"+><a+href+"link">+<img+src="link"></a></p>|code-block|syntax|javascript|3794416|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>I would just place some p tags around it</p>
<pre><code>&lt;p align=&quot;center&quot; &gt;&lt;a href &quot;link&quot;&gt; &lt;img src=&quot;link&quot;&gt;&lt;/a&gt;&lt;/p&gt;
</code></pre>


<p>I am trying to center an image using only HTML and no CSS, is this possible? I have tried the following code:</p>

<pre><code>&lt;a href="link"&gt;
&lt;img src="URL" align="center"&gt;&lt;/a&gt;
</code></pre>

<p>However the image doesn't move. How can I solve this?</p>

<p>The image I am trying to center is the donate button on the right column of our <a href="https://wewanttolearn.wordpress.com/" rel="noreferrer">blog</a> I am placing the link in a "text" widget so the CSS doesn't seem to work there.</p>


Centering an image link with HTML and no CSS

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

我正在尝试只使用HTML而不使用CSS来居中显示图像，这可能吗？我已经尝试了以下代码：<a href="link"><img src="URL" align="center"></a>但是，图像不会移动。我该如何解决这个问题呢？我试图居中的图像是我们的右栏上的捐赠按钮我将链接放在一个“文本”小工具中，这样CSS就看起来...

问使用HTML居中显示图像链接，而不使用CSS
EN

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问使用HTML居中显示图像链接，而不使用CSSEN