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

Question

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

从 CSS 内联元素中删除多余的空格

CSS：

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

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

谢谢，萨拉。

Answer 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 内