我正在尝试只使用HTML而不使用CSS来居中显示图像,这可能吗?我已经尝试了以下代码:
<a href="link">
<img src="URL" align="center"></a>但是,图像不会移动。我该如何解决这个问题呢?
我试图居中的图像是我们的blog右栏上的捐赠按钮我将链接放在一个“文本”小工具中,这样CSS就看起来不起作用了。
发布于 2013-06-04 06:36:55
嗯,你可以使用<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是不可能做到这一点的,除非你想使用过时的东西。
发布于 2014-09-27 03:41:26
另一种不使用CSS的方法是将图像包装在table中。虽然这不是在Internet上做事情的最佳方式,但它与旧的电子邮件客户端、浏览器和公司在防火墙上从内容中剥离CSS的系统兼容。
<table cellpadding="0" cellspacing="0" border="0" width="100%">
<tr><td align="center">
<img src="URL">
</td></tr>
</table>虽然我意识到这个问题是关于在WordPress中的实现,但谷歌认为它与我自己的问题有关。
发布于 2021-02-01 23:25:52
您可以通过以下方式使图像居中对齐
<p style="text-align:center;"><img src="logo.png" alt="Logo"></p>
https://stackoverflow.com/questions/16906923
复制相似问题