web前端 如何使div中的img图片居中 HTML和CSS的操作

一些工作中的小问题的记录。

HTML端代码：插入一张图片

<div class="xiaoxun">
<img src="http://www.xxxxx.cn/xxx/ixxx/xxx/xun.gif" 
width="1000"
height="52" >
</div>

CSS端代码：控制居中

.xiaoxun{
height: 52px;
background-color: #F0F0F0;
vertical-align: middle;  //垂直居中
text-align: center;  //水平居中
}