使用display:inline-block,让标签居中

   其实在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变成了“文本”。。好了，要睡觉了。。晚安。。各位。。。