table 撑破div

场景描述：

div， table 经常会现让内容给撑开的情况， 大部分原因就是里面有一长串连续的字母数字， 因为没有空格和换行， 浏览器不知怎么将其断开， 所以让它的宽度无限延伸了。

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

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;????（让多出来的不显示。）???
}