现在的位置: 首页 > 综合 > 正文

过长文字自动换行的技巧 Word-Break Word-Wrap

2018年05月15日 ⁄ 综合 ⁄ 共 263字 ⁄ 字号 评论关闭

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

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

  • word-break:

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

  • word-wrap:

取值为 normal, break-word

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

推荐使用的是:

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

对 FF3 应该是兼容的。

抱歉!评论已关闭.