在解决ul居中问题时想到的几点_经验交流

最近在做网站的时候碰到了一个问题：我用 ul 标签和 li 标签构建的导航栏想要在不确定 li 数量和 li, ul 宽度的情况下居中，但是给 ul 使用了 text-align:center 之后却没有起到应有的效果。

原来的页面结构是：

复制代码 代码如下:

 
   
    Firede 
    Style5 
   

 

样式表结构是：

复制代码 代码如下:

 

这样本来也是没有什么问题的，但是因为要实现一个功能却定义了一个ID（menu）和两个CLASS（menu_ul, menu_li），这样CSS文件就臃肿了。

我之所以搞不定 ul 居中的问题，就是因为 CSS 写的太乱太多，到最后一环套一环，自己都糊涂了，定义结构的代码混杂在各种为了显示效果而写的代码之中，于是便写乱了。

在大脑发晕的情况下，不想修改了，于是重新写了实现以上功能的代码，页面结构：

复制代码 代码如下:

 
  

 
    
• Firede
 
    
• Style5