0

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

JSFiddle 与 CSS 在这里：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 的大小。

4

2 回答 2

1

您需要white-space:nowrap;在您的 css 中包含您不想包装的项目：

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

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

于 2013-02-27T20:06:18.147 回答
0

你可以尝试嵌入一个不间断的空间......

<a href="#">Longer&nbsp;Title</a>
于 2013-02-27T20:04:53.827 回答