html - 如何在 div 中自动分隔列表元素

Question

我正在开发一个顶部有这些选项卡的网站，我需要在div. 原因是它下面的 div 有一个边框，需要与选项卡上的边框对齐。请参阅下面的 jsfiddle 了解我在说什么。我目前将它们全部正确间隔，但是该站点的性质是选项卡中的单词会改变，从而使我的间距不正确。如何自动将它们分隔在我的 div 中，这样我就不必修改所有单独的填充以使它们与下面的 div 对齐？

http://jsfiddle.net/g7c5X/

Answer 1

应该能够通过向您的 CSS 添加如下内容来实现它：

    #navMenu ul {display:table; width:100%}
    #navMenu li {display:table-cell}

我认为旧版本的 IE 可能会忽略显示类型，不记得是哪个。另一种选择是一些 javascript 来计算边距。