当前位置:Gxlcms > html代码 > 过长文字自动换行的技巧Word-BreakWord-Wrap_html/css_WEB-ITnose

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

时间:2021-07-01 10:21:17 帮助过:59人阅读

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

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

    人气教程排行