2、将列表
图标
整体切出来，铺在ul上，不平铺
3、使用background-position控制ul背景和li中的
文字
对齐即可。。。
要实现UL标签水平居中，关键在于CSS中 display:inline 的运用。
HTML代码具体示例：
<div id="links">
<ul>
<li><a href="#"> </a></li>
<li><a href="#"> </a></li>
<li><a href="#"> </a></li>
<li><a href="#"> </a></li>
<li><a href="#"> </a></li>
</ul>
</div>
注意：如果UL没有设置宽度，用margin:0 autl是没有用的，因为它默认了100%，给它一个宽度，实际宽度或者width:auto都可以。
扩展资料：
在HTML中，有两种类型的列表：无序列表 - 列表项标记用特殊图形（如小黑点、小方框等）；有序列表 - 列表项的标记有数字或字母。使用CSS，可以列出进一步的样式，并可用图像作列表项标记。
用CSS设置UL标签的列表符号是不需要去设置的，因为ul默认就是标签符号的，如果使用了这个list-style：none；去掉了这个属性，然后又想有的话，就给这个ul一个id或者是class，然后在css中list-style-type：disc !important，这样就又有序号了。
参考资料：UL_百度百科
设置很高没什么不好理解吧，不设置很好实际行高也是存在的只不过是默认的而已，并不是你不设置行高行高就不存在了！
简单说有2个目的！
1：对于单行问本，height
和
line-height
相同
并且padding为0是，就能让文本垂直居中！
2：对于多行文本，比如文章内容页面，假如你不设置line-height
而字体又相对比较打的时候，你会发现2行文字之间上下会考的太近，这个时候设置line-height就起作用了！
