如何避免表格变形,被撑破

图片宽度过大把网页撑变形,样子很难看。把以下样式加到内容的TABLE中就可以了!
                             style="TABLE-LAYOUT: fixed"

但是这样如果图太大的话它只能显示一部分而不是全部。完美解决可以用下面的方法

1、用鼠标拖动来改变大小
以下是代码片段:
<SCRIPT LANGUAGE="JavaScript">
function resizeImage(evt,obj){
newX=evt.x
newY=evt.y
obj.width=newX
obj.height=newY
}
</script>
<img src="7say.gif" οndrag="resizeImage(event,this)">


2、用鼠标滚动控制图片大小
以下是代码片段:
<img src="7say.gif" οnmοuseenter="focus();" οnmοuseοut="blur();" onmousewheel="width+=(window.event.wheelDelta==120)?-5:+5;">


3、图片标签里用代码控制大小
以下是代码片段:
<img border="0" src="[!--picurl--]" οnlοad="if(this.width>screen.width-500)this.style.width=screen.width-500;">     
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值