在項目中,常常遇到一些問題,可以通過CSS來快速解決,比如受到佈局影響會導致內容溢出,這個時候就可以使用CSS換行解決 自動換行: { word-wrap:break-word; } 強制不換行: { white-space:nowrap; } 允許在英文單詞內斷行: { word-break:br ...
在項目中,常常遇到一些問題,可以通過CSS來快速解決,比如受到佈局影響會導致內容溢出,這個時候就可以使用CSS換行解決
自動換行: { word-wrap:break-word; }
強制不換行: { white-space:nowrap; }
允許在英文單詞內斷行: { word-break:break-all; }
word-wrap: normal (只在允許的斷字點處換行)
break-word (允許在長單詞或URL內部換行)
white-space: normal (空白會被瀏覽器忽略)
pre (空白會被瀏覽器保留)
nowrap (文本不會換行,直到遇見<br />)
pre-wrap (保留空白符序列,但會正常的換行)
pre-line (合併空白符序列,但會保留換行符)
word-break: normal(瀏覽器預設的換行規則)
break-all (允許在單詞內換行)
keep-all(只能在半形空格或連字元處換行)