当前位置:首页>WordPress建站>基础教程>WordPress文章内容不能自动换行的解决方法

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

WordPress 主题 CoreNext

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

解决方法

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

#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

声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。

给TA打赏
共{{data.count}}人
人已打赏
欢迎关注WordPress大学公众号 WPDAXUE
基础教程

WordPress主题演示/预览插件:Wave Your Theme

2012-12-15 6:15:00

基础教程

WordPress主题演示/预览插件:WordPress Theme Demo Bar

2012-12-21 8:25:58

4 条回复 A文章作者 M管理员
  1. 還有更簡單的代碼。
    輸入:《br /》(《換成<)
    夾在中間即可

  2. 学习了。

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

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

个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索