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

我们在进行WordPress主题开发过程中经常会漏掉文章对英文的排版优化,经常会出现长英文、长链接,溢出超过显示范围,没有换 ...

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

WordPress主题开发过程如何解决英文的排版优化问题? (https://www.wpzt.net/) WordPress开发教程 第1张

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

自动换行

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;

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

声明 本站上的部份代码及教程来源于互联网,仅供网友学习交流,若您喜欢本文可附上原文链接随意转载。无意侵害您的权益,请发送邮件至 柒主题 或点击右侧 私信:站长 反馈,我们将尽快处理。

给TA打赏
共{{data.count}}人
人已打赏
0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索