1. 程式人生 > >英文文章時英文單詞斷開換行問題

英文文章時英文單詞斷開換行問題

發英文文章的時候單詞斷開換行的問題,怎麼解決?
英文單詞自動換行問題很多人碰到過,一些中文版本的程式往往不注意這個問題,不能根據容器的大小自動換行,出現連續的英文或數字時容器被撐大,如長單詞撐破錶格;或者自動換行而又把英文單詞拆開了,斷裂成上下兩行,閱讀十分不便。
下面是使用CSS程式碼控制方法,你可以在引用的.CSS檔案中引入,或直接在網頁相關元素上使用style="..." 控制。

div {word-wrap:break-word;}
table {table-layout: fixed;word-wrap:break-word;}

word-break:break-all; 不用加,它只是解決表格和層被撐破問題,對於中文它是沒問題的,但英文詞全部被截斷了。造成英文單詞只換行而被截斷的原因,就是它。
word-wrap: break-word 內容將在邊界內換行。預設會不拆開單詞換行,但是如果有超出長度的英文單詞或數字,如果需要,詞內換行( word-break )也將發生。這個實際相容了上面所說的word-break:break-all的功能。另,此屬性僅作用於有佈局的物件,如塊物件。

另外blmo.cn需要說明的一點是,這個不是w3c標準,只支援IE瀏覽器,Mozilla 、Firefox不支援,沒辦法了。詳見:http://blmo.cn/log/blmo/77.html
還有個類似的問題,在word中英文單詞換行斷字的問題,英文文章單詞在行末尾都是斷開的。可以試試:
選中文件,執行“格式/段落/中文版式”操作,在“換行”中選中“允許西文在單詞中間換行”後“確定”。