CSS属性参考 | word-break

CSS word-break 属性用于指定如何在一个单词内进行断行。

默认情况下,容器中的一行文本如果非常的长,在文本到达容器的边部时,如果容不下整个单词,则从这个单词开始的剩余文字会被断行到下一行显示。通过将word-break属性设置为break-all,浏览器会对单词进行断行。也就是说,某个到达容器边界的单词,超出容器部分的字母会被断行到下一行显示,而没有超出的部分仍然会显示在上一行中。

如果容器中的文字使用了text-align:justify属性,那么在这些文字上使用word-break: break-all是没有效果的。

word-break属性对于中文、日文、韩文无效。

官方语法
word-break: normal | break-all | keep-all

参数:

  • normal:使用浏览器默认的断行规则。
  • break-all:指定文本可在任意字符间进行断行。non-CJK文本(中文、日文、韩文)无效。
  • keep-all:不对单词进行断行。对于non-CJK文本(中文、日文、韩文)表现如同normal

word-break属性的初始值为normal

应用范围

word-break属性可以应用所有元素上。

示例代码
word-break: normal 
word-break: break-all 
word-break: keep-all
浏览器支持

CSS3 word-break属性的浏览器兼容性列表如下:

支持css3 word-break属性的浏览器兼容性列表

相关阅读
1. 本站所有资源来源于用户上传和网络,如有侵权请邮件联系站长!
2. 分享目的仅供大家学习和交流,请不要用于商业用途!
3. 如有链接无法下载、失效或广告,请联系站长处理!
4. 本站资源售价只是赞助,收取费用仅维持本站的日常运营所需!
5. 如果你也有好模型或者教程,可以到审核区发布,分享有金币奖励和额外收入!
6. 本站提供的模型、教程、施工图等等其他资源,都不包含技术服务 请大家谅解!
7. 如遇到加密压缩包,默认解压密码为yiweibang.com如遇到无法解压的请联系管理员!

易微帮 » CSS属性参考 | word-break

提供最优质的资源集合

立即查看 了解详情