性价比最高的香港ASP、PHP主机提供商
做网站,就上凡科建站

WordPress文章内容不能自动换行的解决方法

Loading
0
Comodo SLL证书促销 - 免费ssl证书申请_ssl证书购买_ev ssl证书_https证书购买 - GDCA_数安时代

最近有朋友问倡萌,WordPress文章内容不能自动换行该怎么办。其实这样的问题,比较常见于一连串较长的英文字符,比如有些人粘贴的某个 电驴链接 或 迅雷链接 等。

解决方法

只要给包含文章内容的 id 或 class 选择器添加下面的css代码即可。

1
#content .post{width:640px;white-space:normal;word-break:break-all;word-wrap:break-word;overflow:hidden;}

注:上面的 #content .post 要根据自己的实际修改。

相关属性讲解

white-space : http://www.w3school.com.cn/css/pr_text_white-space.asp

word-break : http://doc.51windows.net/css2/?url=/css2/css2/c_wordbreak.html

word-wrap : http://doc.51windows.net/css2/?url=/css2/css2/c_wordbreak.html

overflow : http://www.w3school.com.cn/css/pr_pos_overflow.asp

支付宝扫码打赏 微信打赏

如果文章对你有帮助,欢迎点击上方按钮打赏作者

MetInfo | 最适合企业网站建设的cms系统

关于 倡萌

一个疯狂的 WordPress 爱好者,喜欢折腾 WordPress 主题,分享 WordPress 资源。如果你也喜欢 WordPress,欢迎和我一起交流!

精彩推荐

WordPress提高搜索结果的相关性(准确度)

WordPress超级文本小工具:Enhanced Text Widget

WordPress超级文本小工具:Enhanced Text Widget

4 条评论

  1. 還有更簡單的代碼。
    輸入:《br /》(《換成<)
    夾在中間即可

  2. 这个实用。以前就遇到过不能自动换行的,特别烦人。

    • 如果回复中命名还行了,可是发回复之后整个内容编程一段落,里面的换行没有显示。这个怎么解决?
      =========================
      等你回复

发表评论