WordPres网站关于中英文排版的问题

WordPres网站关于中英文排版的问题,第1张

WordPress网站的主题开发时需要注意文章的中英文排版问题,这样我们进行文章排版时就不会出现英文单词没换行或者英文单词断隔的情况,以下就把解决WordPres网站关于中英文排版的问题的方法介绍一下:

WordPres网站关于中英文排版的问题,第2张

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

自动换行

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;

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

DABAN RP主题是一个优秀的主题,极致后台体验,无插件,集成会员系统
网站模板库 » WordPres网站关于中英文排版的问题

0条评论

发表评论

提供最优质的资源集合

立即查看 了解详情