溢出超出DIV边框的内容自动隐藏方法

1. 如何用word-wrap解决文字溢出的问题

word-break:break-all和word-wrap:break-word经常用来解决长字符串换行问题。word-break:break-all在IE6/7/chrome/safari为一派，表现为尾部截断，而ff3.0/opera表现为无效。既过长单词换行显示，然后溢出边界。word-wrap:break-word;在IE6/7/chrome/safari为一派 表现为长单词换行，再显示不下才裁切。而ff3.0/opera也表现为无效。

2. css溢出与换行该如何处理

文本过长，在容器内显示不下的时候，是否要换行，使用 white-space : normal / nowrap 属性，normal : 采用浏览器默认设置；nowrap : 不换行。

溢出后的处理方式,若是想隐藏溢出的内容，可以考虑使用 text-overflow 属性。

3. 火狐/IE浏览器flash透明,css强制不换行,溢出隐藏

13.jpg

css强制不换行,溢出隐藏：overflow:hidden

使用说明及要点：

◎ 检索或设置当对象的内容超过其指定高度及宽度时如何管理内容。
◎ 设置textarea对象为hidden值将隐藏其滚动条。
◎ 对于table来说，假如table-layout属性设置为fixed，则td对象支持带有默认值为hidden的overflow属性。如果设为hidden，scroll或者auto，那么超出td尺寸的内容将被剪切。如果设为visible，将导致额外的文本溢出到◎ 右边或左边（视direction属性设置而定）的单元格。
◎ 自IE5开始，此属性在MAC平台上可用。 对应的脚本特性为overflow。