0

ドロップダウンの子要素のテキスト ラッピングを削除するにはどうすればよいですか?

ここに CSS を使用した JSFiddle: 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;
}

これにより、すべてのアイテムが 1 行に表示され、すべての幅が自動に設定されているため、それに応じて拡大されます。jsFiddle も更新しました。

于 2013-02-27T20:06:18.147 に答える
0

非改行スペースを埋め込むようなことを試すかもしれません...

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