「自学哈网」WordPress主题开发过程如何解决英文的排版优化问题?
也想出现在这里?
联系我们吧
我们在进行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;
保存,返回网站文章页,清除浏览器缓存后,刷新网站,这样就能看出效果了。
本站声明:
本站所有资源来源于网络,分享目的仅供大家学习和交流!如若本站内容侵犯了原著者的合法权益,可联系邮箱976157886@qq.com进行删除。
自学哈专注于免费提供最新的分享知识、网络教程、网络技术的资源分享平台,好资源不私藏,大家一起分享!
自学哈网 » 「自学哈网」WordPress主题开发过程如何解决英文的排版优化问题?
本站所有资源来源于网络,分享目的仅供大家学习和交流!如若本站内容侵犯了原著者的合法权益,可联系邮箱976157886@qq.com进行删除。
自学哈专注于免费提供最新的分享知识、网络教程、网络技术的资源分享平台,好资源不私藏,大家一起分享!
自学哈网 » 「自学哈网」WordPress主题开发过程如何解决英文的排版优化问题?
也想出现在这里?
联系我们吧