解决wordpress文章中长链接或英文超出宽度

很多时候，WordPress中文主题都可能在开发的时候，漏掉了对文章对英文的排版优化，出现几种情况：

1. 长英文、长链接，溢出超过显示范围，没有换行
2. 英文单词换行时，在单词中断开了

解决办法有两个：

1. 自动换行

word-wrap: break-word; 
word-break: normal;

2. 英文单词不拆词

word-break: keep-all;  //只能在半角空格或连字符处换行。
word-wrap: break-word; //当单词太长时，先尝试换行，换行后还是太长，单词内还可以换行。
white-space: pre-wrap; //保留所有的空格和回车，但是允许折行，注意：出现大量空白时，可不加。

一般来说，需要在属于文章内容的样式表中，增加以下的 css 样式，即可解决。

例子

未修改之前，链接过长超出屏幕，对于手机来说不是很友好，类似下载地址这些超长链接影响更大，

我的主题是 KnowHow，我通过在style.css文件中添加达到效果

通过后台主机编辑器进行css的修改

修改完成以后的效果，完成预期

---

参考 1: https://cloud.tencent.com/developer/article/1945244 “解决WordPress 文章英文单词溢出/单词断词等问题”