在项目中遇到这样一个问题,如下图所示,当输入纯数字的时候,文本没有按我们预想的样子去换行,使用了 overflow-wrap: break-word后没啥用,查了一下,需要使用overflow-wrap: anywhere
CSS overflow-wrap新属性值anywhere

CSS overflow-wrap新属性值anywhere

CSS overflow-wrap新属性值anywhere

记录

anywherebreak-word的不同之处在于,在overflow-wrap:anywhere计算最小内容尺寸的时候会考虑软换行,而overflow-wrap:break-word不会考虑软换行。
主要用在弹性布局中,即元素尺寸足够的时候单词尽量完成显示,不随便中断,如果尺寸不够,那就能断则断。

相关文章:

  • 2021-11-28
  • 2021-09-06
  • 2021-09-14
  • 2021-08-06
  • 2022-12-23
  • 2022-12-23
猜你喜欢
  • 2022-12-23
  • 2021-04-06
  • 2021-12-27
相关资源
相似解决方案