部分 CSS 代码在 Chrome 中不起作用

【问题标题】：Part of CSS code is not working at Chrome部分 CSS 代码在 Chrome 中不起作用
【发布时间】：2012-08-10 16:58:52
【问题描述】：

你好参考我之前的问题，我想要一个水平列表：

Remove extra spaces from CSS inline element

CSS：

display: inline;
list-style-type: none;
padding-right: 7px;
white-space: nowrap;

它在 IE 中运行良好，但在 Chrome 中却不行。所以在chrome中，列表显示：内联；列表样式类型：无；不工作，我有一个垂直列表，每个项目前都有点，而不是简单的水平列表。

谢谢，萨拉。

【问题讨论】：

你能发布你是如何实现这个列表的吗？ html 和所属的 css 类？
您可以在我提供的链接中找到。 Tnx。

标签： java css google-chrome stylesheet

【解决方案1】：

我有这个设置，它应该可以工作：

    #navBar ul {
        list-style: none;
    }
    #navBar li {
        display: inline;
        margin-right: 15px;
        padding-top: 10px;
        padding-left: 20px;
        padding-right: 20px;
        padding-bottom: 12px;
    }

这假定列表位于 id 为“navBar”的 div/span 内

【讨论】：

感谢您的努力！另一个问题，所以我有 padding-right: 7px;所以我假设 7px 应该从第一项的右侧开始，但它是从头开始的。所以我喜欢 spaceItem1spaceItem2 但我不想要第一个空间！ Tnx。
嗯，我认为您应该减小 padding-left 值以使其正常工作。
paddin-left: 0px; padding-right: 7px;还是有这个问题！
嗯嗯。我不知道如何解决这个问题，抱歉。