其实在css样式里面能够实现元素居中的方法有很多，比如使用margin:0 auto;或者 text-align:center；
但是还有一种更简单的办法，效率也很快,举个例子：
<div id="parent"><span id="child">你好</span></div>,我现在想让span标签整体在div里面左右居中，怎么办？
实现办法就是给div加一个样式 style="text-align",给span加一个样式 style="display:inline-block;",即可，把里面span换成
图片img或者其他标签均适用，嘿嘿，其实原理就是display：inline-block把span变成了“文本”。。好了，要睡觉了。。晚安。。各位。。。
原文：http://www.cnblogs.com/dingminjun/p/4063713.html