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

Question

你好引用我之前的问题，我想要一个水平列表:

Remove extra spaces from CSS inline element

CSS:

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

它在 IE 中运行良好，但在 Chrome 中运行不正常。所以在chrome中，列表显示:inline； 列表样式类型:无；不起作用，我有一个垂直列表，每个元素之前都有点，而不是简单的水平列表。

谢谢， 萨拉。

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;
    }

这假定列表在一个 div/span 中，其 id 为“navBar”