欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

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

程序员文章站 2022-03-19 20:43:09
...
在很多时候,为了防止内容过长把表格或容器撑破, 我们都需要为容器加上自动换行的功能。

实现自动换行,用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/