css - 一連の水平の非ラッピングブロックを作成するには、どのCSSを使用する必要がありますか？

Question

私は動的に生成されたコンテンツのセットを持っています-1から約25ブロックの間のどこかにあります（それぞれが約250pxの幅になりたいです。

明らかに、これは画面外で実行できますが、私のデザインでは水平スクロールが可能であるため、これで問題ありません（jQueryを使用-ブラウザーに独自のスクロールバーを使用させたくない）。

では、どのCSS（クロスブラウザー）が最善のアプローチですか？フロートは信頼性が低くラップしているように見え、ajax呼び出しによって頻繁に変更されるコンテンツの動的な性質は、コンテナー幅の再計算があまり実用的ではないことを意味します。

他のCSSベースのオプション？

score 1 · Accepted Answer

#container { 
  overflow-x: auto; 
  white-space: nowrap; 

  width: XXXpx; height: XXXpx;
}
#container .block { 
  float: left; 
}

このoverflow-x設定では、コンテンツが幅を超えた場合にスクロールバーが確保white-spaceされ、すべてのコンテンツが1行に表示されるようになります。

score 0 · Accepted Answer

0

フロート以外？テーブル：D真剣に、フロートを使用してください。

于 2010-06-01T09:24:10.420 に答える

score 0 · Accepted Answer

絶対witdhが設定されたdivコンテナーを使用し、オーバーローを許可し、各ボックスにフロートします。これにより、ボックスが画面の右側からオーバーフローする可能性があります。

score 0 · Accepted Answer

標準にもかかわらず、単一行のテーブルを使用してみませんか？

コンテナ要素を固定幅にしないと、これらの空白とインラインブロック要素がすべて機能しないため、コンテンツも折り返されます。また、ギャラリーの実際の幅がわからない場合（コンテンツが動的に追加される限りはわかりません）、そのような幅を指定することはできません。

4 に答える 4