DIV+CSS 图文混排的图片居中办法
浏览数：25 /
时间：2015年06月09日
不少人为了让 Div 图文混排的图片可以居中，给 IMG 套各式各样的 SPAN、DIV、LI 等等，以便于使用 text-align来进行居中。
1 <div>图文混排 2 <br> 3 <span style="text-align:center"><img src="http://www.baidu.com/img/baidu_jgylogo3.gif"></span> 4 </div>
而对于 DIV 的居中，使用下面的这种办法的非常多，然而这种办法默认状态下并不适用于 IMG 居中。
1 div{margin:0 auto}
这是因为 IMG 标签是属于内联元素（行内元素），内联元素是不支持 Margin 属性，通过 Display 属性将 IMG 强制为块元素的方式显示，便可在图文混排中使得图片可以居中。
1 IMG {display:block;margin:0 auto;}
郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。
