过长文字自动换行的技巧Word-BreakWord-Wrap_html/css_WEB-ITnose
来源：动视网
责编：小采
时间：2020-11-27 16:20:37
过长文字自动换行的技巧Word-BreakWord-Wrap_html/css_WEB-ITnose
过长文字自动换行的技巧Word-BreakWord-Wrap_html/css_WEB-ITnose:在很多时候，为了防止内容过长把表格或容器撑破， 我们都需要为容器加上自动换行的功能。 实现自动换行，用CSS来实现，通常有两种方式： word-break: 取值为 normal, break-all, keep-all word-wrap: 取值为 normal, break-word
导读过长文字自动换行的技巧Word-BreakWord-Wrap_html/css_WEB-ITnose:在很多时候，为了防止内容过长把表格或容器撑破， 我们都需要为容器加上自动换行的功能。 实现自动换行，用CSS来实现，通常有两种方式： word-break: 取值为 normal, break-all, keep-all word-wrap: 取值为 normal, break-word
在很多时候，为了防止内容过长把表格或容器撑破， 我们都需要为容器加上自动换行的功能。
实现自动换行，用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/
过长文字自动换行的技巧Word-BreakWord-Wrap_html/css_WEB-ITnose
过长文字自动换行的技巧Word-BreakWord-Wrap_html/css_WEB-ITnose:在很多时候，为了防止内容过长把表格或容器撑破， 我们都需要为容器加上自动换行的功能。 实现自动换行，用CSS来实现，通常有两种方式： word-break: 取值为 normal, break-all, keep-all word-wrap: 取值为 normal, break-word
