场景描述:
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;????(让多出来的不显示。)???
}