<div class="codetitle"> <span><a style="CURSOR: pointer" data="20196" class="copybut" id="copybut20196" onclick="doCopy('code20196')"><u>코드 복사</u></a></span> 코드는 다음과 같습니다.</div> <div class="codebody" id="code20196"> <br><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//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>Untitled Document</title> <br><style type="text/css"> <br><!-- <BR>.frame{ <BR> float:left; <BR> margin:2px; <BR>} <BR>.outer { <BR> height: 250px; <BR> width: 240px; <BR> overflow: hidden; <BR> background:gold; <BR> position: static !important; <BR> position: relative; <BR> display: table !important; <BR>} <BR>#middle { /* for explorer only*/ <BR> position: absolute; <BR> top: 50%; <BR>} <BR>#middle[id] { <BR> display: table-cell; <BR> vertical-align: middle; <BR> position: static; <BR>} <BR>#inner { /* for explorer only */ <BR> position: relative; <BR> top: -50%; <BR> width: 100%; <BR> margin: 0 auto; <BR> text-align:center <BR>} <BR></style> <br></head> <br><br><body> <br><div class="frame"> <br> <div class="outer"> <br> <div id="middle"> <br> <div id="inner"><img src="http://bbs.blueidea.com/images/smilies/eek.gif" alt="" /></div> <br> </div> <br> </div> <br></div> <br><div class="frame"> <br> <div class="outer"> <br> <div id="middle"> <br> <div id="inner"> <br> <img src="http://bbs.blueidea.com/images/smilies/eek.gif" alt="" /><br /><br /> <br> <img src="http://bbs.blueidea.com/images/smilies/eek.gif" alt="" /> <br> </div> <br> </div> <br> </div> <br></div> <br><div class="frame"> <br> <div class="outer"> <br> <div id="middle"> <br> <div id="inner">图片与文本内容混合<br><img src="http://desk.blueidea.com/QTZY/GIF/xsgs_21/xsgs_21004.gif" alt="" /><br>图片与文本内容混合</div> <br> </div> <br> </div> <br></div> <br><div class="frame"> <br> <div class="outer"> <br> <div id="middle"> <br> <div id="inner"><span>图片与文本</span><img src="http://desk.blueidea.com/QTZY/GIF/xsgs_21/xsgs_21004.gif " alt="" align="middle" /><span>图片与文本</span></div> <br> </div> <br> </div> <br></div> <br><div class="frame"> <br> <div class="outer"> <br> <div id="middle"> <br> <div id="inner">5454545445445<br>5454545445445<br>5454545445445<br>5454545445445<br>545454 5445445<br>5454545445445<br>5454545445445<br>5454545445445<br></div> <br></div> <br> </div> <br></div> <br></corps> <br></html> <br><br> </div>