0

div でオーバーフローを使用して、すべての div と画像、およびテキストを表示したいのですが、この例では画像のみを使用しました。

空白でうまく機能する画像のみを使用する場合、水平スクロールが必要です。css ですが、各画像が div にある場合、スクロールが消え、画像がすべて表示されません。

例3はこちら

最初の例は、すべての div をラップする幅を指定した場合に機能しますが、すべての div が動的に呼び出されるため、この方法を実行できます。

ここで3番目の例のコード

#dmcscroll2 {
  white-space: nowrap; display:
  block; width:660px;
  height:112px;
  overflow: auto;
  overflow-y: hidden;
  /*overflow :
  -moz-scrollbars-horizontal;*/
  border-style:solid;
  border-width:1px;
  border-color:#000;
}
.div-image{
  float: left;
  width: 125px;
}

動的なJavaScript呼び出しから取得する画像を含むdivの数を知らずに、3番目の手法を行うにはどうすればよいですか。

ソースコードを見て詳細を確認することができます

4

1 に答える 1

0

float:leftCSSからを削除して、代わりに.div-image追加できます。display: inline

.div-image{
  display: inline;
  width: 125px;
}

これは、サンプル Web サイトで希望どおりに機能しているようです。

于 2009-11-15T08:15:01.590 に答える