2012-01-20 8 views
0

divにはoverflow: autoがあります。任意の数のdiv要素をその内部に配置して、行の折り返しがないようにします(追加要素が隠れた領域にこぼれてしまい、スクロールすることができます)。スクロール可能div内のdivの折り返し防止

私はこれらすべての要素があることまで追加する方法を広い知っていたならば、私はこれを行うことができます:

<div class="scrollable"> 
    <div class="fixed-width-container"> 
     <!-- elements float left or display inline-block --> 
    </div> 
</div> 

は私が含まれている要素の合計幅を知らなくても、この効果を得ることができますか?

答えて

2

UPDATE#2

チェック更新フィドル:http://jsfiddle.net/cyCY3/2/


UPDATE

チェックフィドル:http://jsfiddle.net/cyCY3/


固定幅を指定し、子要素にwhite-space: nowrapを指定すると問題が解決されます。

+0

それは私にとってはうまくいかないようです... –

+1

私の更新でフィドルを確認してください – techfoobar

+0

ああ、私は見るのですが、どうすれば "子"要素を連続して得ることができますか?それはラップしない任意の文字列を取得するよりも私の質問です。 –

関連する問題