1. 程式人生 > >設置了word-break:break-all,末尾有中文標點會提前換行的問題

設置了word-break:break-all,末尾有中文標點會提前換行的問題

可能 文字 url路徑 justify 樣式 路徑 屬性 空白 bre

為解決文章中可能出現長串的英文(如 url路徑)不斷行的問題,我們通常會給文本加word-break:break-all屬性。在實際運用中,這個屬性會影響中文標點符號,導致中文和標點提前換行使行尾留出很長的空白。這種情況下可以用:

word-wrap:break-word;
overflow:hidden;
來代替,效果會使英文斷行並且不影響中文標點換行。為了讓文字兩邊對其顯示,增加樣式:
text-align:justify;

設置了word-break:break-all,末尾有中文標點會提前換行的問題