WordPress主题开发过程中解决英文的排版优化问题

共计 498 个字符，预计需要花费 2 分钟才能阅读完成。

我们在进行WordPress主题开发过程中经常会漏掉文章对英文的排版优化，经常会出现长英文、长链接，溢出超过显示范围，没有换行及英文单词换行时，在单词中断开等情况，那么WordPress主题开发过程如何解决英文的排版优化问题？

为了解决以上问题，为大家提供以下方案。

自动换行：

word-wrap: break-word;

word-break: normal;

英文单词不拆词：

word-break: keep-all; //只能在半角空格或连字符处换行。

word-wrap: break-word; //当单词太长时，先尝试换行，换行后还是太长，单词内还可以换行。

white-space: pre-wrap; //保留所有的空格和回车，但是允许折行，注意：出现大量空白时，可不加。

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

英文单词两端对齐、单词不拆词换行

word-break: keep-all;

word-wrap: break-word;

white-space: pre-wrap;

text-align: justify;

保存，返回网站文章页，清除浏览器缓存后，刷新网站，这样就能看出效果了。