先设置UL宽高，text-aline=center,设置li为inline-block,widit自行设置为合适的百分比 ...

百度了许久都没有满意的解决方案，现在终于搞定了。 其实，只要 ul 的父元素 css 样式设了 text-align: center; 然后 ul 设了 display: inline-block; li 再设 display: inline; 就可以了。多简单的事儿，我只要这个简单的效果 ...

先上效果图： 再上代码： END PS：话说Editplus3真是一款好编辑器，现在流行的都没有直接查看HTML功能了。 ...

head><style rel="stylesheet" type="text/css" >#top{height:140px;}#top ul{text-align:center;list-style-type:none;}#top ul li{display:inline ...

结构: css语法: 关键说明: 1 li的display必须为inline, 这样, 有两个好处, 一个是不用float:left, li就可以是一行显示, 另外发现一个问题, 如果display为inline-block时, chrome和火狐的没问题 ...

li的float:left方法显然有一个问题，就是无法居中（水平），只能使用padding-left或margin-right的方法方法来固定其居中。但这样可能在宽屏与窄屏的显示不一致。使用这种方法主要是利用li的浮动固定宽度来实现，li的默认display为block，将其这个属性改为 ...

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~关于如何让li据中的解决方法：~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 问题： 　　本人在写网页时，想要写一个侧边栏，又想要做成选项卡的样子，比如设置4个li，分别为：诗词，文章，音乐，影视 ...

<div class="Box"> <ul> <li>我是居中</li> <li>我是居中</li> <li>我是居中< ...