CSSオーバーフローとラップなしの問題

Question

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

現在のところ、テキストに「white-space：nowrap」を適用して、フォルダを外側の親に展開してスクロールして、到達すると折り返さないようにします利用可能な最大幅（http://screencast.com/t/F7BycuaGx）。

問題が発生しました。現在、長いテキストがある場合、今すぐテキストをラップしません（http://screencast.com/t/bzrs5FH8r）。上記のシナリオでない限り、テキストを折り返してください。

アイデア？

Answer 1

私は幅のある「タイトル」の周りに内側divを置き、空白を通常にリセットします。これにより、フォルダ名の幅が制限され、深さは依然として大きくなります。