3

ul水平メニューとして表示するリストがあります。それぞれの内容は 1 行に収めたいのですliが、項目全体liは必要に応じて行をジャンプさせます。何かのようなもの：

First entry in the menu Second menu entry
These words are short, the LI jumps lines, but doesn't wrap
Yet anoter] [And more] [Some more]

論理的には、 だけを入れli {white-space:nowrap;}ますが、WebKit ブラウザーには問題があります。nowrap の付いたアイテムは、隣接するアイテムにくっつきます。したがって、上記の場合、すべてがli同じ行になります。

nowrapラッピング テキスト ブロック内の孤立した要素についても同じことが言えます。

<p>Visit my sites <a href="http://gabrielradic.com/" style="white-space:nowrap">Gabriel Radic
.com (English)</a> or <a href="http://www.timbru.com/" style="white-space:nowrap">Timbru Blog
(Romanian)</a>.

私が期待するのは次のようなものです：

私のサイトにアクセスしてくださいGabriel Radic .comまたは
Timbru ブログ

代わりに、次のように 2 つのリンクがくっついてしまいます。

私のサイトにアクセスしてください
Gabriel Radic .comまたはTimbru ブログ (ルーマニア語)

Safari や Chrome などに人の肘をつかむのをやめる良い方法はありますか?

助けてくれてありがとう。

4

2 に答える 2

2

を使用する代わりにwhite-space:nowrap、この場合は を使用する方が適切display:inline-blockです。

変更に合わせて CSS をあちこち調整する必要がありますが、期待どおりに機能します。

于 2010-03-06T12:11:39.927 に答える
1

私が正しく理解していれば、メニュー自体ではなく、リスト項目内のテキストを折り返す必要がありますか? 次のようになります。

item one | item two | item number | item four 
                         three

ただし、次のようにしないでください。

item one | item two | item number three | 
item four

その場合は、ラップしないようにしようとしているので、リスト項目ではなくnowrap実際に設定してみましたか? 次に、リスト項目の幅を設定して、その幅に合わせて折り返すようにします。ulul

于 2010-03-06T11:51:22.257 に答える