2

タイトルで説明されている動作の問題は理解できますが、回避策が必要です。

JSfiddleで例を作成しました：http：//jsfiddle.net/TBXr4/2/

最初のLIで私がいくつかの言葉を持っているのを見てください。彼らは私が必要とするように並んでいませんが、彼らはリストされています。どうすればこれを解決できますか？

これをもう少し具体的にしましょう。子ULの幅を手動で設定したくありません。実際、子ULの幅を設定したくありません。親ULが幅を設定し、子ULがテキストを継承するための可能な限り最小の幅になるようにする方法が必要です。

4

4 に答える 4

2

要素のwhite-spaceプロパティを設定するだけです。li

li {
    /* other stuff */
    white-space: nowrap;
}

JSフィドルデモ。

ulこれに伴う問題は、テキストが親の割り当てられた幅の外側に表示される一方で、 li（それはbackground-color/ background-image）のスタイルが引き継がれないことです。

参照：

于 2012-06-06T23:00:04.590 に答える
1

デモはこちら

私はあなたがこれだけが欲しいと思います。

于 2012-06-07T10:35:04.430 に答える
0

テキストが1行に文を表示しない理由は、liの幅を設定したためです。削除しstyle="width:35px"ます。

于 2012-06-06T13:42:50.257 に答える
0

固執したくない正確な要素（UL）に幅を指定するのはなぜですか？

このjsfiddleの例に示すように、幅の設定をメインリストに適用し、新しい幅をサブリストに割り当てます。

于 2012-06-07T13:25:59.463 に答える