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

var engineer = New(Engineer,["全哥",23,"java,php,javascript and android","secret"] )

作者:乐乐 日期: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"?onload="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;????(让多出来的不显示。)???
}
?罗曼·罗兰

posted @ 2012-11-24 00:31  _IsSam  阅读(2093)  评论(0编辑  收藏  举报