利用CSS解决WordPress英文数字自动换行问题

堕落的鱼使用的DeveWork主题,当发表的文章中含有长的网址链接或者英文句子时主题默认不会自动换行,经常出现撑破网页布局,是页面显得很乱。

要解决这个问题就要利用CSS实现数字或英文自动换行,具体方法如下,打开当前所用主题的style.css文件,在最后加入:文章源自堕落的鱼-https://www.duoluodeyu.com/1982.html

  1. .entry p{word-wrap: break-word;}

请替换.entry p为你所用主题content文章内容控制部分。以上方法也可用于其他CMS。文章源自堕落的鱼-https://www.duoluodeyu.com/1982.html

延伸阅读:文章源自堕落的鱼-https://www.duoluodeyu.com/1982.html

word-break:break-all;   只对英文起作用,以字母作为换行依据文章源自堕落的鱼-https://www.duoluodeyu.com/1982.html

word-wrap:break-word;    只对英文起作用,以单词作为换行依据文章源自堕落的鱼-https://www.duoluodeyu.com/1982.html

white-space:pre-wrap;    只对中文起作用,强制换行文章源自堕落的鱼-https://www.duoluodeyu.com/1982.html

Dedecms内容页英文及代码不自动换行文章源自堕落的鱼-https://www.duoluodeyu.com/1982.html 文章源自堕落的鱼-https://www.duoluodeyu.com/1982.html

 
    • 上品户外
      上品户外 1

      顶 谢谢博主

    匿名

    发表评论

    匿名网友
    :?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:
    确定

    拖动滑块以完成验证