1. 程式人生 > >css DIV中文字換行顯示

css DIV中文字換行顯示

換行顯示 預設顯示

區別

	white-space:normal;
	word-break:break-all;
	word-wrap:break-word;

新增上上邊的三句就可以換

這三句重點在於:word-break與word-wrap

a:word-break 屬性規定自動換行的處理方法。

提示:通過使用 word-break 屬性,可以讓瀏覽器實現在任意位置的換行。

描述
normal 使用瀏覽器預設的換行規則。
break-all 允許在單詞內換行。
keep-all 只能在半形空格或連字元處換行。

b:word-wrap 屬性允許長單詞或 URL 地址換行到下一行。

描述
normal 只在允許的斷字點換行(瀏覽器保持預設處理)
break-word 在長單詞或 URL 地址內部進行換行