<div class="codetitle"> <span><a style="CURSOR: pointer" data="38695" class="copybut" id="copybut38695" onclick="doCopy('code38695')"><u>코드 복사</u></a></span> 코드는 다음과 같습니다.</div> <div class="codebody" id="code38695"> <br><!DOCTYPE html PUBLIC "-//W3C/ /DTD XHTML 1.0 전환//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <br><html xmlns="http://www.w3 .org/ 1999/xhtml"> <br><head> <br><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <br>< title>Picture 자동으로 축소 및 수직 center-www.jb51.net </title> <br><!--[if lte IE 6]> <br><script type="text/javascript" 언어 =" javascript"> <br>function imgFix() { <br>//제한할 이미지의 너비와 높이를 정의합니다. 이 너비와 높이는 제한되는 이미지보다 작아야 합니다. 높이와 너비는 작동하지 않습니다. <br>var widthRestriction = 200; <br>var heightRestriction = 200; <br>var allElements = document.getElementsByTagName('*') <br>for (var i = 0; i < allElements.length; i ) <BR>{ <BR> if (allElements[i].className.indexOf('imgBox') >= 0) <br>{ <br>var imgElements = allElements[i].getElementsByTagName( 'img'); <br>for (var j= 0; j < imgElements.length; j ) <BR>{ <BR>if ( imgElements[j].width > widthRestriction || imgElements[j].height > heightRestriction ) <br>{ <br>if ( imgElements[j].width > imgElements[j].height) <br>{ <br>imgElements[j].height = imgElements[j].height*( widthRestriction/imgElements[j].width); <br> imgElements[j].width = widthRestriction; <br>} else <br>{ <br>imgElements[j].width = imgElements[j].width*(heightRestriction /imgElements[j].height); <br>imgElements [j].height = heightRestriction; <br>} <br>} <br>if ( imgElements[j].height < heightRestriction ) <BR>{ <BR>imgElements[j].style.paddingTop = ( heightRestriction - imgElements[j].height ) /2 "px" <BR>} <BR>} /*j*/ <BR>} <BR>}/* for i*/ <BR>} <BR>window.onload = imgFix <BR></script><![endif]--> "> <br><!-- <BR>* { <BR>여백:0; <BR>패딩:0; <BR>} <BR>.imgBox li { <BR>list-style:none; <BR>너비:200px; /* 너비*/ <BR>높이:200px; /* 높이*/ <BR>배경:#ccc; <BR>테두리:1px 솔리드 #666; ; <BR>여백:5px; <BR>라인 높이:200px; <BR>.imgBox img { <BR>최대 너비*/ <BR>최대 높이:200px ; /* 높이*/ <BR>세로 정렬: <BR>--> <BR></style> <br><body> 🎜><ul class="imgBox"> <br><li><img src="......" alt="img" /></li> li><img src="...." ." alt="img" /></li> <br><li><img src="..." alt="img" /></li> <br><li><img src="..." alt="img" /></li> <br></ul> ;/본문> <br> </html><br><br> </div>
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
