如何使固定的宽度/高度图像始终位于div的中心？

Question

我正在寻找一种使图像动态居中于任何div大小的方法。 这怎么可能？

我在这里http://jsfiddle.net/4exmm/发布了jsFiddle以便更好地理解，但是正如我所说的那样，使用PHP脚本更改了div的大小。

Answer 1

使div text-align: center 。 http://jsfiddle.net/4exmm/1/

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

Answer 2

只需将此规则添加到#image ：

text-align:center;

Answer 3

为什么不只是text-align: center以div text-align: center

您还可以使img margin: 0 auto使其与任何对象对齐

Answer 4

垂直和水平对齐：

http://jsfiddle.net/4exmm/2/