jquery - 强制 <li >'s width to be the same as it' s 内容

Question

我得到了一个无序列表 (UL)，它显然包含列表项 (li)。

问题是，li 标记宽度与其父宽度相同。我尚未为 ul 标记分配宽度，但已为包含 UL 的 DIV 分配宽度。我分配的宽度是 600px，因此，我的 li 标签现在是 600 宽度，即使里面只有 2 个单词也没关系。

如何使 li 与其内容宽度相同？

谢谢!

Answer 1

默认情况下，div、ul 和 li 都是 display:block，意思是 width:100 ％。为了使它们缩小到内容，它们需要内联 block ，请在它们上使用此类来实现这一点..

.inline_block{
    display: inline-block;
    zoom: 1;
    *display: inline;
}

编辑:找到了更好的方法。

li{
    float:left;
    clear:left;
    background-color:red;
}

http://jsfiddle.net/LhzWe/