img元素在div居中显示

<div id='img-holder'>
    <img src='' />
</div>

很simple的问题，现在需要把img居中，我的老板跟我说只需要把上一级div设置为：

#img-holder
{
    position: relative;
    text-align: center;
}

看了很多教程也是这么说，但是发现无论如何都不能让图片居中。由于我需要做一个图片幻灯片，图片一加载之后首先把图片设置为‘display: none’，再通过‘display: block’显示图片。一轮折腾之后想到去查了下文档，w3school如是说：

block	此元素将显示为块级元素，此元素前后会带有换行符。
inline	默认。此元素会被显示为内联元素，元素前后没有换行符。

于是考虑，是否是换行符导致居中失效。把显示图片的css换位‘display: inline’，发现图片居中顺利解决。

看来css元素的默认值也是需要关注的啊。