需要替换我的 HTML 代码中的样式属性

Question

我刚刚完成了一项作业，为一个班级制作了一个带有HTML的网站，只是重新阅读了说明;

我不能在代码中的任何位置使用 CSS 或样式属性，但我已经两次使用样式来居中图片。由于它只出现 2 次，我希望这是一个简单的修复，我可以重新提交。

这是我现在需要替换的代码：

<div **style**="text-align: center;">
<img src="picture.JPG" alt="caption" width="430" height="500" display="block" margin-left="auto" margin-right="auto">
</div>

样式的另一个实例是相同的，但图片不同。 有没有办法在不使用样式或 CSS 的情况下将图片居中？

Answer 1

如果您只需要使用 HTML(无论出于何种原因(，请使用alignHTML 属性。

<p align="center">
<img src"...">
</p>

请记住，使用 CSS 更适合与样式相关的任何内容。上面的代码应该可以工作align="center"因为它(有点(复制了 CSS 属性text-align的功能。

Answer 2

尝试使用边距margin: 10px auto 20px; display: block;如果您需要更多参考以查看以下文章。

https://html-online.com/articles/image-align-center/

Answer 3

如果您将内容放在中心标签(例如<center> This content is centered </center>(中，则应解决问题。

<center>
<img src="picture.JPG" alt="caption" width="430" height="500" display="block" margin-left="auto" margin-right="auto">
</center>