css 英文段落换行,单词截断

现在英文展示的是这样,一篇英文文章,整个文章有一个宽度,每行换行的时候英文单词从中间截断了。

我想实现的是,换行的时候,整个单词换行,不要截断。
图片描述

我尝试的办法:如下图属性,添加了word-wrap:break-word;结果就是英文单词被截断
图片描述

依然有问题:
图片描述

阅读 19.8k
3 个回答

直接设置文章的宽度 不添加属性 word-wrap 就可以了吧

clipboard.png

设定宽度,左右加padding 没问题啊,不会出现你的情况啊

clipboard.png

clipboard.png
我的完全没有问题啊,要不你试试

word-wrap:break-word;

不存在word-break: break-all;的话应该没问题的

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题
宣传栏