不少人为了让 Div 图文混排的图片可以居中，给 IMG 套各式各样的 SPAN、DIV、LI 等等，以便于使用 text-align来进行居中。

     
      图文混排
      
      
     

而对于 DIV 的居中，使用下面的这种办法来让 DIV 居中是常用手段，然而这种办法默认状态下并不适用于 IMG 居中。

div{
   margin:0 auto}

这是因为 IMG 标签是属于内联元素（行内元素），内联元素是不支持 Margin 属性，通过 Display 属性将 IMG 强制为块元素的方式显示，便可在图文混排中使得图片可以居中。

IMG {
   display:block;margin:0 auto;}

 

效果测试代码 

<

div

>

图文混排

<

br

><

img 

src

="http://www.baidu.com/img/baidu_jgylogo3.gif"

>

<

br

>这是百度的LOGO

</

div

>

<

style

>

IMG {

display:

block;

margin:

0 auto;}

</

style

>