css - UL LI 导航菜单，额外间距？

Question

我一生都无法弄清楚为什么我网站上的第一个导航菜单上的间距甚至都没有：

我已经正确设置了宽度，但是在“公民新闻”和“图片新闻”的两侧似乎都有额外的填充，我只是希望它们都是均匀的！

任何人都可以帮忙吗？

score 1 · Accepted Answer

您正在使用display: table-cell; width: auto;，这使得每个<li>使用宽度都相对于它的内容。

利用

#main-navbar ul li a { 
    width: 159px !important;
}

使它们都等宽。

score 0 · Accepted Answer

实际上，要使 a<table>或标签中的单元格显示为table-cell;，您只需要给出一个小的值，例如 : width:1%;。它将均匀地拉伸每个“单元格”以填充父级的整个宽度<table>或显示为table.

http://codepen.io/anon/pen/FegoG（调整窗口的宽度以查看会发生什么。您可以在需要时复制/粘贴单元格的规则值:)）

2 回答 2