过长文字自动换行的技巧 Word-Break Word-Wrap_html/css_WEB-ITnose

在很多时候，为了防止内容过长把表格或容器撑破， 我们都需要为容器加上自动换行的功能。

实现自动换行，用CSS来实现，通常有两种方式：

word-break:

取值为 normal, break-all, keep-all

word-wrap:

取值为 normal, break-word

word-break: break-all 太霸道，无条件折行，会造成 英文单词 和 数字的断行，不建议使用。

推荐使用的是：

首先新建html文件，将下面的代码考入：

{word-wrap: break-word; overflow: hidden; text-overflow: ellipsis;}

对 FF3 应该是兼容的。

来自：http://goodboy5264.blog.163.com/blog/static/253829820091110305144/