Vue富文本英文换行时单词被切断的问题

问题:英文文本换行时单词被切断
在这里插入图片描述
解决办法:

.koolcar_text {
    
    
  white-space: pre-wrap;
  word-break: break-word;
}
  1. 样式 white-space: pre-wrap 可以保证文本原样输出(空格占位四分之一)
  2. 样式 word-break: break-word 可以避免文字超出限制(break-word不会切断单词,break-all会无视单词完整性切断单词)

优化后的效果:
在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/Jackson_Wen/article/details/128148484