2013-06-18 47 views
0

我不能为我的生活弄清楚为什么间距甚至没有穿过我的网站上第一导航菜单:UL LI导航菜单,额外的间距?

http://www.eureporter.co/

我已正确设置宽度,但两者“公民新闻”和“摄影记者”似乎有他们的微胖两侧,我只是希望他们全部是偶数!

任何人都可以帮忙吗?

+0

变动幅度为'159px':

http://codepen.io/anon/pen/FegoG(wher您需要调整窗口的宽度来看看会发生什么,你可以复制/对细胞糊规则值)。 ''的style.css线#7260' –

+0

不会没有工作的重要 – Polygnome

+0

不要忘记让你的头和页脚'最小宽度:960像素;' – Brewal

回答

1

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

使用

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

要全部相等宽度。

+0

谢谢!有什么方法可以均匀地分散它们吗?因此,相同的概念被应用和相同的间距等 – user1110643

0

实际上,为了使单元格中的单元格<table>或标签显示为table-cell;,您只需要给出一个小值,例如:width:1%;。这将拉伸均匀每个“细胞”,以填补父的整个宽度<table>显示table。在该行`#主导航栏UL李一)

+0

这是完美的!非常感谢! – user1110643

+0

欢迎,我有没有解决你的问题:)? –