表格或div层在网页中被撑破的解决办法-CSDN博客

var engineer = New（Engineer，["全哥"，23，"java，php，javascript and android"，"secret"] ）

转自： http://www.bclele.com/show-2-36.html

作者: 乐乐日期: 2008-11-21 16:49:31

在建造留言本及博客栏目时，终极结果根蒂根基合意后。。。测试时吓坏我了。。表格被一些英文字母撑破了。极端丢脸。。愁闷一下。对CSS不怎么熟悉。一时不知解决办法。。也没有想到百度。。或许当时做得太入神了。。碰劲。。QQ?群里正好有网友在问同样的题目。。嘿嘿，真是济困扶危！生怕本身忘怀了。把图载了下来。。
只需在CSS里定义： table-layout:fixed;word-wrap:break-word就可以实现了。。防止表格被撑开。。还不知道的伴侣可以尝尝。。

下面是更多的解决办法供给参考：

世界上还有些国度更首要的，那便是人类的良心。一、直接在网页里设置大小，比如代码：?<img?src=http://www.bclele.com/logo.gif?width="600"?height="500"?border="0">，如许固然可以限制了大小，然则须要在上传之前手动批改大小，不然上传的就会变形。或者会呈现模糊的现象。。（乐乐提示：不推荐应用此办法[小我认为]）?

作为一个科学家来说，我的成功……最首要的是：爱科学——在长久思考任何题目上的无穷耐烦——在调查和汇集事实上的勤恳——相当的发明才能和常识。二、应用javascript，代码如下：?<img?="http://www.bclele.com/logo.gif"?οnlοad="javascript:if（this.height& gt;108）{this.resized=true;this.style.height=108;if（this.width>87） {this.resized=true;this.style.width=87;}}">?

Onload：为网页被加载时履行这段JS。。。是一个事务。。
（用JS对的宽度进行限制。。不过当还没在办事器里下来时（也就是当收集速度绶慢的时辰）依然会撑开表格。。?

这种办在调用的时辰，主动按比例缩小到指定的宽度，不会引起的变形，并且也不会撑破表格，然则毛病是，若是太大，在过程中，也就是显示过程中，会先以原大小显示，这时就会撑破表格，页面很丢脸，二当完全显示后，又会主动缩小。?

三、我们可以针对表格的属性来限制大小防止被撑开，比如在??

table?{
table-layout:?fixed;
word-wrap:break-word;
}

四、用css把握自适应大小，代码如：?

img?{
max-width:?600px;?
width:expression（this.width?>?600?？?"600px"?:?this.width）;
overflow:hidden;
}

此中?max-width:600px;?在IE7、FireFox等其他非IE浏览器下最大宽度为600px，但在IE6中无效；width:600px;?在所有浏览器中的大小为600px，当大小大于600px，主动缩小为600px，在IE6中有效；而?overflow:hidden;??指将超出设置大小的项目组隐蔽，避免把握大小失败而引起的表格撑开变形。?

五、最后总结一下最实用的代码：?

若是是表格，请用：

table?{
table-layout:?fixed;
word-break:?break-all;
}

若是是div层，请用：?

div?{
table-layout:?fixed;
word-wrap:?break-word;
width:?加上宽度;
overflow:?hidden;????（让多出来的不显示。）???
}?罗曼·罗兰

转载于:https://www.cnblogs.com/qqc-amu/archive/2012/11/24/2785298.html