問題タブ [nowrap]

アコーディオンにカプセル化されたツリー ウィジェットに取り組んでいます。ツリーに互いに矛盾する要件を持たせたいと思っていますが、誰かがアイデアを持っているかどうかを確認したかったのです。

現在、「空白:nowrap」をテキストに適用して、フォルダーを外側の親まで n 深く展開し、スクロールして、利用可能な最大幅に達したときに折り返されないようにしています。 ( http://screencast.com/t/F7BycuaGx )。

問題は、現在長いテキストがある場合、テキストが折り返されないことです ( http://screencast.com/t/bzrs5FH8r )。上記のシナリオでない限り、テキストを折り返すようにしたいと思います。

何か案は？

これが私の小さな問題です（値は例のためにここにあります）：

幅が約500pxのウィンドウがあるとします。私のドキュメントの中に、幅が指定されていない外側のdivがありますが、次のcssがあります。

このdivの中には、次のプロパティを持つ他の3つのdivがあります。

（の幅に注意して400pxください。問題は、行がウィンドウよりも広く、外側のdivが拡張されていないことです。HTMLは次のようになります。

私が達成しようとしているのは、t1クラスに設定せずに、背景が青色の3つの内部divを作成することです。この例で生成されるのは、ウィンドウの幅に制限された青い背景です。

ここで完全な例を参照してください：http：//jsfiddle.net/sjCTR/（画面が大きすぎる場合は、左下隅を調整する必要があります）

どういうわけか、外側のdiv幅/内側のdiv背景を設定せずに、css / htmlだけでそれを達成できるのだろうか？

Visual Studio 2010 を使用して ASPX ページ内でこれをコンパイルすると、エラーが発生します。

エラーメッセージは

エラー メッセージが参照している構造は何ですか? また、「nowrap」とまったく同じように動作しますか?

このHtmlで改行を防止しようとしています

http://jsfiddle.net/DD3v8/

ウィンドウのサイズを変更すると、アイコンとテキストの両方が新しい行に分割されることがあります。私はすでに空白のCSSプロパティを試しました。テーブルアプローチも試しましたが、動作は同じです

誰が何が起こっているのか理解できますか?

前もって感謝します

私は固定幅のコンテナを持っており、float：leftが適用された多くのdivが内部にあります。

ただし、中にいくつかのdivを追加すると、新しい行のように、最初のdivの下に移動します。

コンテナの幅を超える必要があります（overflow：hiddenが適用されています）。

そのため、いくつかのテキストをグループ化する P タグを使用して、ボックスから出ないようにして見栄えを良くしましたが、空白を追加すると: nowrap; （水平オーバーフローを作成するために）それはすべて壊れており、今では箱から出しており、これを修正する方法を見つけることができません.

更新コードが追加されました

次に、picturePost div をコンテンツ div 内に数回配置します。

次のコードにより、#headline が #wrapper をオーバーフローさせますが、なぜこれが起こっているのかわかりません。

HTML:

CSS:

コード例: http://jsfiddle.net/XjstZ/21/またはhttp://tinkerbin.com/XvSAEfrK

内部に ul リストがあるカスタム スクロール バーを使用しています。ul リストまたは li コンテンツが均等に拡張されると、スクロール バーが拡張されます。

メイン div に white-space:nowrap を使用したため、ul 幅が拡張されましたが、chrome でのみ機能し、firefox/IE やその他のブラウザーでは機能しません。

これが私のコードです

CSS

持っているボタンのラベルを作りたいです。私の問題は、ラベルがボタンよりも広いことです。私は現在、次のようにしています（簡単な例）：

CSS:

私が欲しいのは、ラベルがテキストを折り返さずにラベルテキスト自体の幅を取ることです。現時点ではテキストは折り返されていませんが、ラベル ボックスはコンテナの最大幅しか使用しないため、ラベル ボックスのテキストがオーバーフローします。

divラベルを強制的にテキストのサイズに合わせ、親の幅を継承しないようにするにはどうすればよいですか?

私は夢中になろうとしています。私は検索とグーグルを使用しましたが、解決策を思いつくことができませんでした.それはうまくいきません:(

自動的に垂直方向のセンタリングと背景のために、他の div にネストされた div があります。本来は複数の画像を縦に並べて動的にサイズ変更します。写真の数 (幅、パディング) に応じていくつかの CSS スタイルを使用します。

しかし、このギャラリーでは写真が多すぎます。元のレイアウトはいくつかの行に分かれていますが、overflow-x: auto; を使用してネストされた "white-space:nowrap" が必要です。私のdivで。だから私はそれらをスクロールすることができますが、「空白：nowrap」はすべてのものを吹き飛ばし、すべてのdisplay：table属性を壊します。

私はこれが起こるべきだと思いますか？しかし、それから私は他の解決策または少なくとも親切なヒントが必要です.

また、単純化されたフィドルを作成しました: http://jsfiddle.net/x696B/9/ 表示テーブルの属性を削除すると、機能し、スクロールします。私のdivでそれが必要です。:D

これが私のnooby cssです（関連部分）

display:table と display:table-cell をコメントとしてマークすると、ギャラリーは見栄えがよくスクロールしますが、中央に配置されません。（ロゴなどを含む他のdivを取得）

ここに私のhtmlがあります

ああ、このばかげた質問を許してください。今までこのフォーラムは大きな助けになりましたが、今は負けました。

前もって感謝します。