• 注册
  • 冰雪精灵
    冰雪精灵超级管理员
    如需帮助,请私信。
    个人签名:说明我是个人,就这么写。
    关注5 粉丝3 喜欢11内容357
    北京 · 多云 25-26℃
    • 查看作者
    • 解决WordPress 文章英文单词溢出/单词断词等问题

      解决WordPress 文章英文单词溢出/单词断词等问题

      在开发的时候,漏掉了对文章对英文的排版优化,出现几种情况:

      1. 长英文、长链接,溢出超过显示范围,没有换行

      2. 英文单词换行时,在单词中断开了

      解决以上两个问题呢,分别有 2 套方案。

      自动换行

      word-wrap: break-word; 
      word-break: normal;

      英文单词不拆词

      word-break: keep-all;  //只能在半角空格或连字符处换行。
      word-wrap: break-word; //当单词太长时,先尝试换行,换行后还是太长,单词内还可以换行。
      white-space: pre-wrap; //保留所有的空格和回车,但是允许折行,注意:出现大量空白时,可不加。

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

      北京 · 多云 25-26℃
    • 0
    • 0
    • 0
    • 257
    • 请登录之后再进行评论

      登录
    • 单栏布局 侧栏位置: