javascript - 使用 jQuery CSS 属性使图像居中

Question

这是我网站上用于居中图像的一段普通代码:

<img width="600" alt="Image" src="img-src.jpg" style="width: 600px;"
 class="center" />

我使用带有中心类的内联样式(中心的 css 是 margin:0 auto;)使我的图像在页面上居中。我无法为具有中心类的图像设置标准宽度，因为图像的宽度各不相同。

我知道 jQuery 有一个 CSS 属性，这让我开始思考是否可以使用 jQuery 从图像属性中读取图像宽度并自动插入 width: *image-size pulled from img properties*px; 到任何具有中心类的图像，这样我就不需要手动为每个图像设置图像宽度。

请提供示例，因为我的 JS 不够流利，无法自己编写。

Answer 1

给你的图像一个带有 text-align : center 的容器怎么样:

<div style="text-align : center;">
    <img src="..." />
</div>

这是一个演示:http://jsfiddle.net/YfFht/

CSS 解决方案将有利于提高性能。