0

固定幅の高さの div に多くの「タイル」を含む div に問題があります。水平方向にスクロールしたいので、コンテナー内のタイルはスクロールバーでスクロールします。

ここにjsfiddleのいくつかがあります。http://jsfiddle.net/jNbxU/2/

足りないものはありますが、必要なものは揃っています。たとえば、「子供向け」ボックスをクリックすると、「画像を選択してください」というラベルの付いたコンテナーが表示されます。その「デザイン 1、デザイン 2 など」内の div は 2 行に折り返されるべきではなく、すべてオンになっている必要があります。 1 行スクロールします。私はそれを働かせることができません...

どんな助けでも素晴らしいでしょう、ありがとう。:D

4

1 に答える 1

0

その効果に必要なのは、コンテナ内のコンテナです。外側のコンテナには、overflow: scrollスクロールできるように固定された寸法があり、内側のコンテナには、すべての要素を収容するのに十分な大きさの非常に大きな幅があります。私は通常、javascript を使用して、内側のコンテナーの幅をすべての要素の幅 (+ マージン / ボーダー) に正確に設定します。

html では次のようになります。

<div class="outer">
  <ul class="inner">
    <li></li> 
    <li></li> 
    <li></li> 
    <li></li> 
    <li></li> 
    ...
  </div>
</div>

内部コンテナのようなものを使用するソリューションもありますwhite-space: nowrapが、前回試したときは、ブラウザ間で確実に動作させることができませんでした.

于 2012-05-14T16:11:57.030 に答える