WordPress 教程 · 2024年8月28日

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

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