如何让一个固定宽度/高度的图像始终以div为中心？

我正在寻找一种以任何div大小动态为中心的图像。这怎么可能？如何让一个固定宽度/高度的图像始终以div为中心？

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

来源

2011-10-02 EnexoOnoma

垂直和水平对齐：

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

来源

2011-10-02 01:58:44 mowwwalker

使您的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; 
}

来源

2011-10-02 01:28:42 Will

就在这个规则添加到#image：

text-align:center;

来源

2011-10-02 01:29:20 Clive

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

你也可以让你的IMG margin: 0 auto使其保持一致withing任何对象

来源

2011-10-02 01:29:43 checkenginelight

如何让一个固定宽度/高度的图像始终以div为中心？

回答

相关问题