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 来计算边距。