防止表格被撑破（整理了各种方法）

哎 站里很多图片老是把表格撑破 没办法只好去

找了 下面这个例子比较简单 但是多出的图片不显示 效果不是很好 以前在别的网站看到有关自动缩小的 但是没有记录。

  
    相关资料

<table style=word-break:break-all CELLSPACING=0 CELLPADDING=0 WIDTH=180 align=center><tr><td VALIGN=top >112634252643266234sdhdfdhfhsddgdh12462626621124623626311146326622631123462462461112642626311474547437343462111112462631111632346234611124626262623111262626262626111126261112462626363111622626263411346211</td></tr></table>
关键是style=word-break:break-all


------------------------------------------------------------------------------------------------------


一、使用直接固定图片的大小。

这种方法不会引起页面显示的错乱，但是显示的图片经常是变形了的。  
最不推荐了。  

二、使用  
这种方法会在调用图片的时候，会自动按比例缩小到指定的宽度，不会引起图片的变形，并且也不会撑破表格，因此就不会引起页面显示的错乱。  
但也有一个缺点，如果图片太大，在显示图片过程（下载过程）中，还是会先以图片原大小显示，这时就会撑破表格，页面很难看。当然，当图片完全显示之后会自动缩小的。  

三、为了防止图片撑破表格，在上述基础上，对表格进行限制：  
在表格的标签中加入一些限制代码，就可以有效地防止表格被撑开了。  

四、更进一步，用鼠标滚轮可以缩小放大图片的代码：  

  
function bbimg(o){ var zoom=parseInt(o.style.zoom, 10)||100;zoom+=event.wheelDelta/12;if (zoom>0) o.style.zoom=zoom+’’%’’;  
return false; }  
  
使用方法如下：  

  

也可以用样式:

img { max-width: 500px; width:e­xpression(this.width > 500 ? "500px" : this.width) }
-------------------------------------------------------------------------------------------------------


1，先定义一个函数：主要作用是替换特殊字符代码


2，直接调用该函数


如：      


防止表格撑破,无论大图还是文字，一律限制。

style="table-layout:fixed;word-break:break-all"

如：123456


asp如何将当前时间写入access数据库中:

将表单中添加时间的文本筐或隐藏域的初始值设为:  


//改变图片大小
function resizepic(thispic)
{
if(thispic.width>700){thispic.height=thispic.height*700/thispic.width;thispic.width=700;}
}
//无级缩放图片大小
function bbimg(o)
{
var zoom=parseInt(o.style.zoom, 10)||100;
zoom+=event.wheelDelta/12;
if (zoom>0) o.style.zoom=zoom+’%’;
return false;
}
//双击鼠标滚动屏幕的代码
var currentpos,timer;
function initialize()
{
timer=setInterval ("scrollwindow ()",30);
}
function sc()
{
clearInterval(timer);
}
function scrollwindow()
{
currentpos=document.body.scrollTop;
window.scroll(0,++currentpos);
if (currentpos !=document.body.scrollTop)
sc();
}
document.onmousedown=sc
document.ondblclick=initialize
//更改字体大小
var status0=’’;
var curfontsize=10;
var curlineheight=18;
function fontZoomA(){
if(curfontsize>8){
    document.getElementById(’fontzoom’).style.fontSize=(--curfontsize)+’pt’;
document.getElementById(’fontzoom’).style.lineHeight=(--curlineheight)+’pt’;
}
}
function fontZoomB(){
if(curfontsize<64){
    document.getElementById(’fontzoom’).style.fontSize=(++curfontsize)+’pt’;
document.getElementById(’fontzoom’).style.lineHeight=(++curlineheight)+’pt’;
}
}

----------------------------------------------------------------------------------------------------------

推荐：
IE6
img {
max-width:590px;
width:e­xpression(this.width>590?"590px":this.width);
max-height:590px;
height:e­xpression(this.height>590?"590px":this.height);
}

如果大于590PX则默认为590 我现在就在用这个 可是为什么1024的图 却变的好小呢 郁闷

-----------------------------------------------------------------------

   IE7
div img {
max-width:600px;
width:600px;
width:e­xpression(document.body.clientWidth>600?"600px":"auto");
overflow:hidden;
}


　◎ max-width:600px; 在IE7、FF等其他非IE浏览器下最大宽度为600px。但在IE6中无效。

　◎ width:600px; 在所有浏览器中图片的大小为600px;

　◎ 当图片大小大于600px，自动缩小为600px。在IE6中有效。

　◎ overflow:hidden; 超出的部分隐藏，避免控制图片大小失败而引起的撑开变形。




最终
img {
max-width:560px;
CURSOR: hand;
width:e­xpression(onreadystatechange=function(){if(this.width>560)this.width=560;});
}
哈哈这个就是我现在用的 检查了几个浏览器 没问题 OK！ 哈哈 大家恭喜我下！

上一篇: 无法识别的USB设备(如:移动硬盘) 解决办法2
下一篇: Vista SP1遇到声音问题的解决法
文章来自: 网络
引用通告: 查看所有引用 | 我要引用此文章
Tags: 电脑 网页
相关日志: