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

2015年11月17日12:59:22网站建设1 921

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

要解决这个问题就要利用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

常用正则表达式汇总 网站建设

常用正则表达式汇总

很多不太懂正则的朋友,在遇到需要用正则校验数据时,往往是在网上去找很久,结果找来的还是不很符合要求。所以我最近把开发中常用的一些正则表达式整理了一下,在这里分享一下。给自己留个底,也给朋友们做个参考。...
匿名

发表评论

匿名网友 填写信息

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

确定

评论:1   其中:访客  1   博主  0
    • 上品户外
      上品户外 1

      顶 谢谢博主