CSS Li背景宽度

Question

我的li项目使用了以下css。

div.categories li.selected
{
    background-color:#d6d6d6;
    white-space: nowrap;
    list-style-type: square;
    padding-right: 5px;
    padding-left: 5px;
    margin-left: 0px;
    margin-bottom: 0px;
    margin-right: 0px;
    white-space: nowrap;
    line-height: 20px;
    width: 50px;
}

问题是li项目中内容的宽度不断变化，但我无法根据li的内容更改背景的宽度。如果我保持宽度固定，问题显示如下，否则如果我没有保持固定宽度，背景会延伸到最后。

Answer 1

在没有看到代码周围的元素的情况下很难分辨，但在我看来，包含UL或div.categories的宽度设置，并且由于内容的长度，一些LI正在打破这个宽度。默认情况下，LI将延伸到他们需要的任何宽度，并且背景颜色将填充整个空间，无论它有多宽。

尝试取消您对UL或div.container的宽度或上述锁定UL的任何限制。

Answer 2

不确定但显示：阻止LI（或LI中的跨度）帮助您寻找所需的内容？