1

このフィドルを見てください。ユーザーがマウスを動かしてナビゲートできる小さなギャラリーを作成しようとしています。

そのフィドルは、私が画像で抱えている問題の単なるデモです。現在、画像が左にスクロールすると、連続して流れるのではなく、行の最後に「ポップ」することがわかります。

CSS から離陸するoverflow:hiddenと、画像が複数の行に折り返されていることがわかります。これが、画像が連続して流れるのではなく、行の最後に「ポップ」する原因です。

画像が 1 行に収まるように強制して、連続したフロー効果を実現するにはどうすればよいですか?

4

1 に答える 1

4

追加

#gallery {
    white-space: nowrap;
}

http://jsfiddle.net/mattball/mwLDu/

必要なだけのブラウザー互換性も備えています。http://quirksmode.org/css/whitespace.html

于 2012-04-14T19:01:19.233 に答える