css - 使用 lesscss 水平显示 <li>

Question

http://lesscss.org/

我遇到了同样的问题。我将显示更改为内联，但似乎不起作用。谁能告诉我我做错了什么？

                        ul{
            width:100%;
            padding: 0;
            margin: 0;

            li{
            list-style-type: none;
            float: left;
            padding-left: 10px;
            display: inline;
            white-space: nowrap;

                a{
                    text-decoration: none;
                    font-size: 16px;
                    letter-spacing: -1px;
                    color: @darkGrey;
                    padding-right: 6px;

                    &:hover{
                        color: @mainColor;
                    }
                }
            }

Answer 1

我认为您正在使用 LESS CSS 或类似的东西。

尝试显示 block 而不是内联。

li{
     display: block;
}