如何在我的网络浏览器中居中图像？

Question

已更新

我想将图片集中在网页水平和垂直中。我尝试使用以下JQuery，我无法弄清楚我做错了什么。

网页在这里： http://aaa.sr

这是我正在使用的JQuery： andreaslagerkvist.com/jquery/center /

我把js文件放在这里： aaa.sr/jquery.center.js

我是新来的，所以这个网站允许我在我的问题中只发布一个链接。任何帮助表示赞赏。谢谢！

Answer 1

为什么使用JQuery来居中图像。有很多方法可以将图像居中，例如将其放在div text-align:center中，或将其显示为块并指定auto左右边距。这只是普通的旧CSS。

Answer 2

使用CSS会更容易。

p > img { margin: 0 auto }

Answer 3

主要问题：

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="http://aaa.sr/jquery.center.js"></script>
<script type="text/javascript">
$('#my-element').plugIn();
</script>

    </body>

所有空格实际上都是不间断的空格，这会导致解析错误。 HTML validator会检测到这个！

Answer 4

这样简单就可以解决问题。我决定留下我的答案（其他人都是正确的），不仅要显示当前问题的解决方案，还要建议删除段落标签（没有必要），并建议在图片标签中添加alt描述。

这个css：

#container {text-align: center;}

这个html：

<div id="container"> 
 <img src="http://aaa.sr/aaasr.png" alt="Fil donya lazim tikabbar, Fil net mafeesh gheir aaa.sr">
</div>

这个网站应该只需要这么简单。