您好,欢迎来到气奇美食网。
搜索
您的当前位置:首页过长文字自动换行的技巧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-break: break-all 太霸道,无条件折行,会造成 英文单词 和 数字的断行,不建议使用。

    推荐使用的是:

    首先新建html文件,将下面的代码考入:

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


    对 FF3 应该是兼容的。

    来自:http://goodboy52.blog.163.com/blog/static/253829820091110305144/

    Copyright © 2019- qiq.org.cn 版权所有

    违法及侵权请联系:TEL:199 18 7713 E-MAIL:2724546146@qq.com

    本站由北京市万商天勤律师事务所王兴未律师提供法律服务