部分CSS代码无法在Chrome上运行

时间:2012-08-10 16:58:52

标签: java css google-chrome stylesheet

您好参考我之前的问题,我想要一个水平列表:

Remove extra spaces from CSS inline element

CSS:

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

它在IE中工作正常,但在Chrome中却没有。所以在chrome中,列表显示:inline;     list-style-type:none;我没有工作,我有一个垂直列表,每个项目之前有点,而不是简单的水平列表。

感谢, 萨拉。

1 个答案:

答案 0 :(得分: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内