首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >使用HTML居中显示图像链接,而不使用CSS

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

Stack Overflow用户
提问于 2013-06-04 06:32:35
回答 5查看 32.8K关注 0票数 6

我正在尝试只使用HTML而不使用CSS来居中显示图像,这可能吗?我已经尝试了以下代码:

代码语言:javascript
运行
复制
<a href="link">
<img src="URL" align="center"></a>

但是,图像不会移动。我该如何解决这个问题呢?

我试图居中的图像是我们的blog右栏上的捐赠按钮我将链接放在一个“文本”小工具中,这样CSS就看起来不起作用了。

EN

回答 5

Stack Overflow用户

回答已采纳

发布于 2013-06-04 06:36:55

嗯,你可以使用<center>,但它不再受支持。这里最好的方法是使用HTML和text-align:center中的style属性。这不会直接将图像居中,因此您可以将其包装在带有样式的div中:

代码语言:javascript
运行
复制
<div style="text-align: center">
<a href="link">

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

在查看了发布的一条评论后,我发现您实际上不需要div。只需将其应用于其周围的链接即可。

代码语言:javascript
运行
复制
<a href="link" style="text-align: center">

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

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

票数 10
EN

Stack Overflow用户

发布于 2014-09-27 03:41:26

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

代码语言:javascript
运行
复制
<table cellpadding="0" cellspacing="0" border="0" width="100%">
<tr><td align="center">
<img src="URL">
</td></tr>
</table>

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

票数 6
EN

Stack Overflow用户

发布于 2021-02-01 23:25:52

您可以通过以下方式使图像居中对齐

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

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/16906923

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档