問題タブ [nowrap]

これは私を夢中にさせています...

他のすべてのブラウザーでは、テキストは青いボックスの後に浮かびます。ただし、IE6 では (ある程度予想通り)、テキストが青いボックスの下に表示されます。

...これに対する答えが見つかりません。テキストを折り返すことができないため、nowrap になります。

-- ランダムにこれを追加すると、青いボックスが完全に消えます

私はこのようなテキストを持っていると言います

こんにちは私はいくつかのテキストですこんにちは私はいくつかのテキストですこんにちは私はいくつかのテキストですこんにちは私はいくつかのテキストです私は新しい行で壊れたくないです

上記の段落を検討してください。可能であれば、太字の部分が改行されないようにしたいと思います。のように、スクロールバーなどが必要な場合は分割したいのですが、そのテキストの前後にページ分割を挿入して1行に収まるようにできる場合は、分割しないでください。

これはどのように可能ですか？私はそのようなことを試しpage-break-insideましたが、Firefoxでは何もしないようです。

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ラッピング テキスト ブロック内の孤立した要素についても同じことが言えます。

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

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

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

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

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

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

WebViewのこの機能と同様のSpanableをTextViewに含めることは可能ですか？

私は避けようとしています

私はむしろ

内部に複数のスパンを持つ div があります。スパンには複数の行に分割できないテキストが含まれているため、空白を設定しました: nowrap. これにより、各子スパン内での折り返しが正しく停止しますが、親 div が子をラップするのも停止するため、すべてのスパンがページからはみ出す 1 行になります。

nowrap が各スパンのコンテンツにのみ適用されるように、この動作を変更するにはどうすればよいですか?

<select>div と jquery を使用して、ボックスに似たドロップダウン メニューを再構築しています。ドロップダウン アイテムを含む div には最小幅が必要ですが、最大幅はありません。リスト内の最も幅の広いアイテムに合わせて拡大する必要があるためです (したがって、「[これはコンテナー内で最も長いアイテムです]」のような非常に長いアイテムがある場合、コンテナ全体がこのエントリと同じ幅である必要があります。

white-space:nowrapこれで、コンテナ内の各アイテムに使用して、アイテムのテキストが新しい行に続かないように、ほとんど必要なものを手に入れました。使用の問題は、テキストに沿ってボックスを成長させるのではなく、 を使用するとテキストがボックスから流れ出すことです。この問題を解決する方法がわかりません。私はすでに試しtext-overflow:ellipsisましたが、オーバーフローしたテキストを隠し、最後に 3 つのドット (...) を追加するだけのようです。

white-space:nowrap一言で言えば、ここに私の問題があります: divが適用されたときに、テキストがそこから流れ出るのではなく、その中のテキストと共に div を成長させるにはどうすればよいですか? を使用してテキストを非表示にしたくないoverflow:hidden、文字列全体を表示したい..

前もって感謝します！

うまくいけば、誰かにとって簡単な質問です:)

上記のDIVにメイン画像をロードする写真のギャラリーストリップがあります。ギャラリー ストリップは Chrome では問題なく表示されますが、IE と FF ではスクロール バーが表示されず、ギャラリーが縦に広がってしまいます。前もって感謝します！:)

ここにページがあります http://www.militarysilver.co.uk/military-silversmith-gallery.php

どうもありがとう、ダン

8列のテーブルがあります。また、3 列目と 4 列目には非常に長いテキストが含まれている場合があります。この状況では、水平スクロールが作成されます。私が望むのは、すべての列のサイズを固定し、列内のテキストを折り返さず、スクロールバーも持ちたくないということです。そのため、列に「abcdefghijklmnop」などの非常に長い文字列がある場合は、折り返しやスクロールを作成せずに、できるだけ多く表示する必要があります。したがって、テーブルに表示されるテキストは「abcdefg」のようなものかもしれません

実はこれをEclipse BIRTでやろうとしているのですが、htmlとCSSでこれを作る方法を学べれば十分です。その後、BIRT に採用できます。ところで、Javascript でテキストのサイズをチェックしたくありません。

私は次のマークアップを持っています

ブラウザの幅が十分に広い場合は、次のようになります。

ブラウズのサイズを狭く変更すると、次のようになります。

スクロールすると、狭いビューの灰色の背景が右端まで伸びるようにします。私のマークアップとcssは、この望ましくない影響を引き起こしています（Chrome、FF3、IE8で発生します）