码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2014-10-30 22:20:56      阅读:222      评论:0      收藏:0      [点我收藏+]

标签:style   ar   使用   sp   strong   div   on   bs   line   

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

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

标签:style   ar   使用   sp   strong   div   on   bs   line   

原文地址:http://www.cnblogs.com/dingminjun/p/4063713.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!