我不能为我的生活弄清楚为什么我的网站上第一个导航菜单的间距不均匀：
我已经正确设置了宽度，但是在'Citizen Journalism'和'Photo Journalism'看来，它们两侧都有额外的填充，我只是希望它们都是均匀的！
有人可以帮忙吗？
答案 0 :(得分：1)
您正在使用display: table-cell; width: auto;，这会使每个<li>使用相对于其内容的宽度。
使用
#main-navbar ul li a {
width: 159px !important;
}
使它们的宽度相等。
答案 1 :(得分：0)
实际上，要将<table>或标记中的单元格显示为table-cell;，您只需要提供一个小值，如：width:1%;。它会均匀地拉伸每个“单元格”以填充父<table>或显示的整个宽度为table。
http://codepen.io/anon/pen/FegoG（调整窗口的宽度以查看会发生什么。您可以复制/粘贴您需要的单元格的规则值:)）