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

浮动后的 <li> 如何在 <ul> 中居中显示?

时间:2015-02-23 23:38:25      阅读:206      评论:0      收藏:0      [点我收藏+]

标签:

百度了许久都没有满意的解决方案,现在终于搞定了。

其实,只要 ul 的父元素 css 样式设了 text-align: center; 然后 ul 设了 display: inline-block; li 再设 display: inline; 就可以了。多简单的事儿,我只要这个简单的效果,但网上一堆复杂的乱七八糟的设置方法,表现得多高深似的却也无法最终解决问题,最后突发奇想设一下发现得了。

 

html标签

<div id="footer">
      <ul>
            <li>内容</li>
      </ul>
</div>

 

css样式

#footer {
text-align: center;
}
#footer ul { display: inline-block; overflow: auto; } #footer ul li { display: inline; float: left; }

 

浮动后的 <li> 如何在 <ul> 中居中显示?

标签:

原文地址:http://www.cnblogs.com/zempty/p/4298343.html

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