ホームページ > 記事 > ウェブフロントエンド > 質問: 固定サイズの DIV に N 枚の複数の画像を挿入する方法layer_html/css_WEB-ITnose
質問: 固定サイズの DIV に N 枚の複数の画像を挿入する方法layer_html/css_WEB-ITnose
- WBOYオリジナル
- 2016-06-24 11:57:241050ブラウズ
これは投稿者からの質問です。具体的なニーズは次のとおりです。
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
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。