很多时候,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 文章英文单词溢出/单词断词等问题"