Javascript 如何使固定宽度/高度的图像始终以div为中心？

我正在寻找一种方法，使图像动态集中在任何div大小上。这怎么可能

为了更好地理解，我在这里发布了一个JSFIDLE，但正如我所说，div大小是使用PHP脚本更改的。

使您的div文本对齐：居中

只需将此规则添加到图像：

为什么不只是文本对齐：以div为中心

---

您还可以将img边距：0设置为自动，使其与任何对象保持垂直和水平对齐：

#image {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #E1E1E1;
    float: left;
    margin-right: 10px;
    padding: 3px;
    width: 300px;
    text-align:center;
}

text-align:center;