使用WordPress遇到的情形,英文字會自動保留字詞的完整性,造成版面因而變型,如下圖:

【參考】
1,HTML DOM wordWrap Property:http://www.w3schools.com/htmldom/prop_style_wordwrap.asp?output=print
2,讓英文字元自動斷行(♣梅問題.教學網【Minwt】♣):http://www.minwt.com/?p=93
語法:word-wrap : normal | break-word
語法:word-break : normal | break-all | keep-all
屬性:
normal:預設值,允許在詞間換行。
break-all:該行為與亞洲語言的normal相同,也允許非亞洲語言文本行的任意字內斷開,該值適合包含一些非亞洲文本的亞洲文本。
keep-all:與所有非亞洲語言的normal相同,對於中文、韓文及日文不允許字斷開,適合包含少量亞洲文本的非亞洲文本。
透過修改theme的style.css檔內body的屬性,如下:

修改theme的style.css後呈現的網誌內容,如下圖:
Tags: CSS, word-break, word-wrap
Posted in W3C語法, 電腦資訊 | 2,554 views|