处理完整单词折行问题

当内容宽度超过容器宽度,会出现折行的问题。但是有的时候我们不希望折行的部分在完整的词(英文或中文)中。

这种情况如何处理呢?

解决方式:

给每一个完整的词组中加入span,给span设置white-space:nowrap(不换行)。这样就可以保持词组完整的不换行。

处理完整单词折行问题

效果:

处理完整单词折行问题

相关文章:

  • 2022-12-23
  • 2022-12-23
  • 2021-05-26
  • 2022-12-23
  • 2022-12-23
  • 2022-02-10
猜你喜欢
  • 2021-10-11
  • 2021-06-12
  • 2021-12-29
  • 2021-08-23
  • 2022-12-23
  • 2022-02-01
  • 2021-08-24
相关资源
相似解决方案