热点问题
图片自适应居中如何设置?
文章来源:51网络科技 点击数: 更新时间:2012/12/17 15:38:35
购买国内免备案空间 | 购买香港空间【不限iis】 | 宽屏网站制作【还送手机网站】 |
香港云主机/99元/月 | 国内空间【免费备案】 | 特价网站空间 |
.Net专用空间 | 网站快速排名 | 游戏空间【支持月付】 |
div部分
<div class="cert_img"><p><img src="images/1.jpg" onload="fixImage(this,201,146)"/></p></div>
样式部分
.cert_img{ width:201px; height:146px; border:1px solid #bdbdbd;overflow:hidden; padding:6px;position:relative;display:table-cell;text-align:center;vertical-align:middle}
.cert_img p{ margin:0; padding:0;position:static;+position:absolute;top:50%}
.cert_img img{position:static;+position:relative;top:-50%;left:-50%;}
js部分,要先让js加载
<script type="text/javascript" language="javascript">
function fixImage(i,w,h){
var ow = i.width;
var oh = i.height;
var rw = w/ow;
var rh = h/oh;
var r = Math.min(rw,rh);
if (w ==0 && h == 0){
r = 1;
}else if (w == 0){
r = rh<1?rh:1;
}else if (h == 0){
r = rw<1?rw:1;
}
if (ow!=0 && oh!=0){
i.width = ow * r;
i.height = oh * r;
}else{
var __method = this, args = $A(arguments);
window.setTimeout(function() {
fixImage.apply(__method, args);
}, 200); ??? }
i.onload = function(){} }
</script>
国内、香港、美国、全免备案www.51mianbeian.com--51网络科技,专业免备案空间提供商!
- 上一篇:如何给层设置最小高度?
- 下一篇:如何设置input默认值,点击清除,离开恢复 ?