これは投稿者からの質問です。具体的なニーズは次のとおりです。
N 枚の写真を固定サイズの DIV レイヤーに挿入して、それらを一列に配置し、レイヤーの幅が指定されているときにスライド バーが表示されるようにする方法。超えましたか？
overflow 属性を使用して実現できると考えましたが、テストは失敗しました。その後、この効果は div カスケードを使用して実現されました。
HTML コード:
1: <!-- 如何在固定大小的DIV层插入N多个图片，使其一行排列，超出层宽时出现滑动条？ -->
2: <!DOCTYPE html>
3: <html>
4: <head>
5: <meta http-equiv="content-type" content="text/html;charset=utf-8">
6: </head>
7: <body>
8: <div class="div">
9: <div class="div1"><img src="test1.jpg"></div>
10: <div class="div2"><img src="test2.jpg"></div>
11: <div class="div3"><img src="test3.jpg"></div>
12: </div>
CSS コントロール スタイル:
RREE RREE RREE RREE RREE RREE RREE RREE RREE RREE RREE RREE RREE RREE RREE RREE RREE
13: </body>
14: </html>
1: .div{2: width:400px;
効果:
出典: http://www.ido321.com/666.html
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
