如何在指定容器上均匀且完全拉伸固定数量的水平导航项
我想在900像素的容器中均匀地拉伸6个导航项目，并且在两者之间留有均匀的空白。例如... ---| 900px Container |--- ---| HOME ABOUT BASIC SERVICES SPECIALTY SERVICES OUR STAFF CONTACT US |--- 目前，我能找到的最佳方法如下： nav ul { width: 900px; margin: 0 auto; } nav li { line-height: 87px; float: left; text-align: center; width: 150px; } 与此相关的问题有两个。首先，它并没有真正证明其合理性，而是将li标签均匀地分布在整个ul标签中。在“ HOME”或“ ABOUT”等较小菜单项与“ BASIC SERVICES”等较大菜单项之间创建了不均匀的空白。 第二个问题是，如果导航项大于150px（特殊服务就是），则布局会中断，即使整个导航有足够的空间也是如此。 谁能为我解决这个问题？我一直在网上寻找解决方案，但它们似乎都不够用。CSS / HTML仅在可能的情况下... 谢谢！ 更新（13/7/29 …