css - 水平列表问题

Question

我正在尝试创建一个使用 vh 或 vw 或填充百分比的水平列表。这样它就可以自动缩放到没有 js 的窗口。我不太担心向后兼容性。但是，每当我这样做时，列表项之间总是存在差距。

http://jsfiddle.net/P3f7P/

有针对这个的解决方法吗？

Answer 1

只需添加display: block到您的链接 -演示

ul#topMenu li a:link, #topMenu li a:link {
    color: #7C7C7C;
    text-decoration: none;
    background: #252525;
    border-right: 1px solid #313131;
    padding: 1vh 2vw;
    text-shadow: 1px 1px #000;
    font-size: 2vw;
    display: block;
}