一个分享WordPress、Zblog、Emlog、Typecho等主流博客的教程网站!
当前位置:网站首页 > 博客教程 > WordPress教程 > 正文

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

作者:xlnxin发布时间:2021-04-15分类:WordPress教程浏览:851


导读:最近有朋友问倡萌,WordPress文章内容不能自动...

最近有朋友问倡萌,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

标签:wordpresshtmlcss