Question

如何删除下拉列表中子元素的文本换行？

JSFiddle with CSS here：http://jsfiddle.net/6Bqfn/4/

<ul>
 <li><a href="#">Home</a></li>
 <li><a href="#">Shop</a>
 <ul class="children">
    <li><a href="#">Longer Title</a></li>
    <li><a href="#">Short</a></li>
    <li><a href="#">Short</a></li>
 </ul>
 </li>
</ul>

我无法将持有子元素的ul调整为最大子li的大小。

Answer 1

您需要在css中包含white-space:nowrap;以获取您不希望包装的项目：

ul.children li {
    white-space:nowrap;
}

这将强制所有项目显示在一行中，并且由于所有宽度都设置为自动，因此它将相应地展开。我也更新了你的jsFiddle。

Answer 2

您可以尝试嵌入不间断的空间......

<a href="#">Longer&nbsp;Title</a>

CSS下拉删除文字换行

2 个答案: