<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns:html="http://www.w3.org/1999/xhtml" xml:lang="en"><!-- <html:abbr title="abbreviation">abbr</html:abbr> --> <head> <meta http-equiv="content-type" content="application/xhtml+xml; charset=gb2312" /> <meta http-equiv="content-language" content="zh-cn" /> <meta name="description" content="" /> <meta name="copyright" content="" /> <meta name="keywords" content="" /> <meta name="author" content="GuZhenYu" /> <link rel="shortcut icon" href="/favicon.ico" mce_href="favicon.ico" type="image/x-icon" /> <link rel="bookmark" href="/favicon.ico" mce_href="favicon.ico" type="image/x-icon" /> <title></title> <mce:style type="text/css"><!-- /*Author: GuZhenYu;E-mail: zy.e@163.com*/ html,body,div,span,h1,h2,h3,h4,h5,h6,a,p,hr,dl,dt,dd,ol,ul,li,strong,em,img,input,menu,abbr,blockquote,q,cite,del,ins,address,dfn,kbd,samp,form,label,legend,fieldset,iframe,object,button,sub,sup,pre,code,var,bdo, table,thead,tfoot,tbody,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align: baseline;} html/:abbr,abbr{background: #fafad2;cursor: help;border-bottom: 1px dashed #000;} body{font:12px/130% verdana,geneva,arial,helvetica,sans-serif,宋体;text-align: center;}li{list-style:none;} a:link,a:visited{text-decoration:none; }a:hover{text-decoration:underline; } hr{margin: 3px 0 2px 0;border-top:1px solid silver; height: 1px; clear: both;}@-moz-document url-prefix(){hr{ margin:3px 0;}} .noscript{padding:2px;background:#fbde8e;border-bottom: 1px dashed #333;}.noscript ins{background:yellow; color:red;}.noscript b{background:#fafad2; color:#6b8e23;} table{border-collapse:separate;border-spacing:0;} q:before,q:after{content:"";} .clearfix:after{content:" ";display:block;height:0;clear:both;visibility:hidden;}.clearfix{*display:inline-block;} .break{ word-break:break-all;word-wrap:break-word;} .box { text-align:center;*font-size: 167px;/* [设254为字体大小,290为容器高度],测算得知254/290的值为一个系数, 190*(254/290)去小数点后+1 = 167 */*font-family:宋体;width:840px; height: 210px; overflow: hidden; margin: auto;} .box li{ margin:10px 10px 20px 0; float: left;border: 5px solid #dcdcdc;width:190px;height:190px;overflow: hidden;} .box a{ display: table-cell;*display: block; background: #f5f5f5;width:190px;height:190px;overflow: hidden;vertical-align:middle;} .box img {vertical-align:middle;} --></mce:style><style type="text/css" mce_bogus="1">/*Author: GuZhenYu;E-mail: zy.e@163.com*/ html,body,div,span,h1,h2,h3,h4,h5,h6,a,p,hr,dl,dt,dd,ol,ul,li,strong,em,img,input,menu,abbr,blockquote,q,cite,del,ins,address,dfn,kbd,samp,form,label,legend,fieldset,iframe,object,button,sub,sup,pre,code,var,bdo, table,thead,tfoot,tbody,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align: baseline;} html/:abbr,abbr{background: #fafad2;cursor: help;border-bottom: 1px dashed #000;} body{font:12px/130% verdana,geneva,arial,helvetica,sans-serif,宋体;text-align: center;}li{list-style:none;} a:link,a:visited{text-decoration:none; }a:hover{text-decoration:underline; } hr{margin: 3px 0 2px 0;border-top:1px solid silver; height: 1px; clear: both;}@-moz-document url-prefix(){hr{ margin:3px 0;}} .noscript{padding:2px;background:#fbde8e;border-bottom: 1px dashed #333;}.noscript ins{background:yellow; color:red;}.noscript b{background:#fafad2; color:#6b8e23;} table{border-collapse:separate;border-spacing:0;} q:before,q:after{content:"";} .clearfix:after{content:" ";display:block;height:0;clear:both;visibility:hidden;}.clearfix{*display:inline-block;} .break{ word-break:break-all;word-wrap:break-word;} .box { text-align:center;*font-size: 167px;/* [设254为字体大小,290为容器高度],测算得知254/290的值为一个系数, 190*(254/290)去小数点后+1 = 167 */*font-family:宋体;width:840px; height: 210px; overflow: hidden; margin: auto;} .box li{ margin:10px 10px 20px 0; float: left;border: 5px solid #dcdcdc;width:190px;height:190px;overflow: hidden;} .box a{ display: table-cell;*display: block; background: #f5f5f5;width:190px;height:190px;overflow: hidden;vertical-align:middle;} .box img {vertical-align:middle;}</style> </head> <body> <ul id="showbox" class="box clearfix"> <li><a><img src="http://bbs.blueidea.com/images/default/logo.gif" mce_src="http://bbs.blueidea.com/images/default/logo.gif" /></a></li> <li><a><img src="http://center.blueidea.com/avatar.php?uid=285026&size=big" mce_src="http://center.blueidea.com/avatar.php?uid=285026&size=big" /></a></li> <li><a><img src="http://home.blueidea.com/attachment/200908/28/285026_1251437603LflH.gif" mce_src="http://home.blueidea.com/attachment/200908/28/285026_1251437603LflH.gif" /></a></li> <li><a><img src="http://home.blueidea.com/attachment/200908/28/285026_1251437426a6p6.jpg" mce_src="http://home.blueidea.com/attachment/200908/28/285026_1251437426a6p6.jpg" /></a></li> </ul> <mce:script type="text/javascript"><!-- var showbox = document.getElementById("showbox"); var boximgs = showbox.getElementsByTagName("img"); var as = showbox.getElementsByTagName("a"); var imageH = as[0].offsetHeight; function typebox() { for(var i = 0; i < boximgs.length; i++) { var imgW = boximgs[i].offsetWidth; var imgH = boximgs[i].offsetHeight; if(imgW > imageH && imgW > imgH) { boximgs[i].style.width = imageH + "px"; } if(imgH > imageH && imgW < imgH) { boximgs[i].style.height = imageH + "px"; } } } for(var i = 0; i < boximgs.length; i++) { boximgs[i].onload = typebox; } // --></mce:script> </body> </html>