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

  • A+
所属分类:网站建设

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

要解决这个问题就要利用CSS实现数字或英文自动换行,具体方法如下,打开当前所用主题的style.css文件,在最后加入:

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

请替换.entry p为你所用主题content文章内容控制部分。以上方法也可用于其他CMS。

延伸阅读:

word-break:break-all;   只对英文起作用,以字母作为换行依据

word-wrap:break-word;    只对英文起作用,以单词作为换行依据

white-space:pre-wrap;    只对中文起作用,强制换行

Dedecms内容页英文及代码不自动换行

avatar

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

目前评论:1   其中:访客  1   博主  0

    • avatar 上品户外 1

      顶 谢谢博主