画像の縦横がコンテナよりも大きく、片側が長くもう一方が広く、コンテナより小さい問題を解決します ffとieの両方に渡されます jsは次のとおりですコード: コードをコピー コードは次のとおりです: 脚本之家 www.jb51.net 新しいドキュメント <br>*{マージン:0px; パディング:0px; フォントサイズ:12px; } <br>本文{ font-size:0.8em; color: #333;} <br>ul{ list-style:none} <br>.clear:after { <br> content: "."; <br> 表示: ブロック; <br> 高さ: 0; <br> クリア: 両方。 <br> visibility: hidden;} <br>img{border:0px;} <br>.clear1{ clear: 両方; 幅: 100%; 高さ: 1ピクセル; overflow: hidden;} <br>a{ text-decoration: none; color:#404040 } <br>body{ background:#f7f3d0 url(../images/bg.jpg) repeat-x left 210px;} <br>/**/ <br>#pic{border:1px solid # 000; 幅:800ピクセル; 高さ:自動!重要;高さ:300ピクセル; min-height:300px;background:#fff} <br>#pic dl{幅:215px;高さ:200px; overflow: hidden;border:1px solid #000;margin:10px;float:left} <br>#pic dt{height:161px; width:209px;overflow:hidden;border:1px solid red;text-align:center} <br><br> <br> <!-- <BR> imgsrc={ <BR> vh:'161', //高 <BR> vw:'209', //宽 <br><br> addEvent: function(elm, evType, fn, useCapture){ <BR> if (elm.addEventListener){ <BR> elm.addEventListener(evType, fn, useCapture); <BR> true を返します。 <BR> } else if (elm.attachEvent) { <BR> var r = elm.attachEvent('on' evType, fn); <BR> r を返します。 <BR> } else { <BR> elm['on' evType] = fn; <BR>}<BR>}、<BR> init：function（）<BR>{<BR>{<BR>{<BR>document.getElementById（ "pic"）<BR>var dln = divn.getElementsbytagname（ "dl"）<BR> for (var i=0;i<dln.length ;i ) { <br> var dtn=dln[i].getElementsByTagName("dt"); <br> var imgn=dtn[0].getElementsByTagName("img"); <BR><BR> <BR> if(imgn[0].height>imgsrc.vh||imgn[0].width>imgsrc.vw) <br> { <br> if(imgn[0].height/ imgsrc.vh > imgn[0].width/imgsrc.vw) <br> { <br> imgn[0].heig=imgsrc.vh <br> imgn[0].width=imgsrc.vh/imgn[0 ].height*imgn[0].width <br> } <br> else <br> { <br> imgn[0].width=imgsrc.vw <br> imgn[0].heig=imgsrc. vw/imgn [0].width*imgn[0].heig <br> } <br><br> } <br> if(imgsrc.vh-imgn[0].height>0) <br> { <br> var hh =(imgsrc.vh-imgn[0].height)/2 imgn[0].style.margin=hh " 0px 0px 0px" }<br><br> <br><br> } <br> } <br><br> } <br> imgsrc.addEvent(window,"load",imgsrc.init,false) <br> //-- > <br> 図片1 図片1 図片1 図片1 図片1 図片1 図片1 図片1 図片1 図片1 図片1 図片1
