doubleyong
管理员
管理员
  • 最后登录2025-12-02
  • 发帖数1198
  • 最爱沙发
  • 喜欢达人
  • 原创写手
  • 社区居民
  • 忠实会员
阅读:5613回复:0

[前端]长英文或者长url的换行

楼主#
更多 发布于:2019-08-23 13:07
问题:span标签输入一串长英文标签,会识别成一个单词,不会换行,需要手动添加属性


解决方案:给span添加一个样式 word-wrap:break-word,其它加word-break:break-all也是可以实现,那两者有什么区别?请看下面解析


解析:
1.word-breakword-wrap的介绍
word-break 属性规定自动换行的处理方法。
提示:通过使用 word-break 属性,可以让浏览器实现在任意位置的换行。

word-wrap 属性允许长单词或 URL 地址换行到下一行

2.word-break、word-wrap的区别
word-break,控制单词如何被拆分换行。它有三个值:normal | break-all | keep-all
word-wrap(overflow-wrap)控制长度超过一行的单词是否被拆分换行,是word-break的补充,它有两个值:normal | break-word


参考:https://www.cnblogs.com/dfyg-xiaoxiao/p/9640422.html
知识需要管理,知识需要分享
游客


返回顶部

公众号

公众号