过长文字自动换行的技巧 Word-Break Word-Wrap_html/css_WEB-ITnose
程序员文章站
2022-03-19 20:43:09
...
在很多时候,为了防止内容过长把表格或容器撑破, 我们都需要为容器加上自动换行的功能。 word-break: word-wrap:
实现自动换行,用CSS来实现,通常有两种方式:
取值为 normal, break-all, keep-all
取值为 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/