問題タブ [nowrap]

2分割で過去と未来の絵を描こうとしています。画面の左側にあるすべての画像は右から左に無限にスタックされ、画面の右側にあるすべての画像は左から右に無限にスタックされます。画像が新しい行に移動するのを止めることができないことを除いて、私はこれをほぼ達成しました。

フィドル

HTML

CSS

どんな助けでも素晴らしいでしょう。現在、それらは無限に垂直に積み重ねられています:(

TextView のテキストの一部だけを次の行に折り返さないようにすることはできますか?

現在私は持っています：

私が望む小さな画面で：

しかし、画面に十分なスペースがある場合は、次のようにします。

テキストの一部[kg/m^2]が常に 1 つの部分になるようにします。

http://jsfiddle.net/a2kvU/

ほとんどの画面サイズでは、これは次のようになります

画面サイズが小さい場合 (実際のテキストが十分に大きい場合)、これは次のようになります。

左の列の折り返しに注意してください。左の列を折り返さないようにするにはどうすればよいですか?

子divをラップしたくありません。したがって、上記のようにcssを作成しました。

div「child1」では、さまざまな場所で異なる幅を指定します。div child2 がコンテナーを超えないようにするには、child2 の最大幅を指定します。すなわち。親div以下。（計算して置くことはできません）どうすればこれを達成できますか。私が見ることができるのは、div child2 が親コンテナーよりも出ていることです。これを防ぐ方法は？

助けてください。前もって感謝します。

サブメニューを作成しようとしていますが、li に white-space:nowrap がある場合、ul 幅がそれを無視し、テキストのオーバーフローを引き起こしています。(ul width は、テキストをラップするために増加しません)
誰でもこれを修正する方法を知っていますか?

編集。表示プロパティを可視性に変更すると、Chrome では問題が解決したように見えますが、IE では持続します。

** jsFiddle **

HTML

CSS

水平レイアウトに問題があります: http://jsfiddle.net/GqH6s/4/

親の #content div は、すべての子の合計ではなく、最初の子 (#projects) から幅を取得しているようです。

jQuery で回避できることはわかっていますが、可能であれば CSS を使用したいと考えています。

ご協力いただきありがとうございます！

基本的なhtml:

そしてCSS：

わかりました、問題があります。要するに、ここにフィドルがあります。ここで繰り返します。

HTML:

CSS:

最初の質問は、なぜ内部divの背景が全体をカバーしないのspanですか? 2 つ目: もちろん、修正をお願いします。

もう1つ、html要素はサードパーティのツールによって生成されますが、これにはアクセスできません。これにより、「すべてを別のdivにラップする」ことができなくなります。CSSのみ、ハードコアのみ！

アップデート：

ちなみに、コンテナはそれ自体のサイズを変更できます (正確には a のframe内側)。frameset

編集：

より多くの情報を提供するために、フィドルを更新しました。問題は、2 番目divが選択されたときに、赤い背景を最長の線の幅まで伸ばしたいということです。

更新 2:

上記の問題はdisplay: table-row;(こちらを参照) で解決できます。難しいのは、コンテンツがコンテナー自体よりも幅が狭い場合でも、これを機能させることです (フィドル)。