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

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

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了过长文字自动换行的技巧Word-BreakWord-Wrap_html/css_WEB-ITnose，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含564字，纯文字阅读大概需要1分钟。

内容图文

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

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

    内容总结

    以上是互联网集市为您收集整理的过长文字自动换行的技巧Word-BreakWord-Wrap_html/css_WEB-ITnose全部内容，希望文章能够帮你解决过长文字自动换行的技巧Word-BreakWord-Wrap_html/css_WEB-ITnose所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

    内容备注

    版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

    内容手机端

    扫描二维码推送至手机访问。

    本文链接：https://qyyshop.com/info/404280.html

    来源：【匿名】