WordPress教程 – 解决文章英文单词溢出/断词问题

站长们在编辑文章的时候常常会遇到一些英文单词排版的问题:

  1. 长英文、长链接,溢出超过显示范围,没有换行
  2. 英文单词换行时,在单词中断开了

对于这个问题,我们一般可以通过在文章段落的CSS样式添加自动换行或者规定英文单词不拆词即可

自动换行

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;

说明

对于具体的主题,如果我们有css基础,那么我们可以直接找到文章内段落的css进行修改。

如果没有css基础,建议直接咨询主题开发者或寻找第三方帮助,切记:修改源码之前请先备份,以免发生危险。

人已赞赏
WordPress教程

WordPress教程 - 媒体库上传图片自动重命名

2020-8-14 18:50:48

WordPress教程

WordPress教程 - 非插件启用维护模式

2020-8-15 10:06:47

⚠️
恩月阁文章由星九进行编写或整理,部分内容来源于互联网,仅供网友学习交流,若您喜欢本文可附上原文链接随意转载。
若无意中侵害到您的权益,请发送邮件至 xingjiu@nuue.cn 或点击右侧 私信:星九 反馈,我们将尽快处理。
0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索