html - HTML5 と CSS3 で画像ストリップを作成するには?

Question

HTML5 と CSS3 を使用して、画像のサムネイルの横長のストリップを作成したいと考えています。横にスクロールします。誰も私がどのように進むべきか教えてもらえますか?

Answer 1

CSSを設定してみてください：

<div style="white-space:nowrap; overflow-x: scroll">
<img><img><img> <!-- Images here -->
</div>

nowrap はコンテンツの折り返しを防ぎ、overflow-x: scroll は x 方向のオーバーフローを引き起こし、スクロール バーを表示します。