WordPress文章內容不能自動換行的解決方法

本文目錄1解決方法2相關屬性講解

最近有朋友問,WordPress文章內容不能自動換行該怎麼辦。其實這樣的問題,比較常見於一連串較長的英文字符,比如有些人粘貼的某個 電驢鏈接 或 迅雷鏈接 等。

解決方法

隻要給包含文章內容的 id 或 class 選擇器添加下面的css代碼即可。

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

#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

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *