CSS-文本換行

默認-瀏覽器自動換行
英文字母 - 按單詞斷句換行
中文字母 - 按字換行
標點 - 不會單獨出現在句首,會連帶前面一個字或者單詞

word-break
word-break: (normal | keep-all | break-all);
normal - 瀏覽器默認
keep-all - 只允許在半角空格或連字符處換行
break-all - 允許在單詞中間換行(IE不允許標點處於句首,其他可以)

word-wrap
word-wrap: (normal | break-word);
normal - 瀏覽器默認
break-word - 在長單詞或者url地址內部進行換行(因爲長單詞或url地址中沒有半角空格,所以瀏覽器不會自動換行)

white-space
white-space: (normal | pre | nowrap | pre-wrap | pre-line | inherit)
normal - 瀏覽器忽略空白
pre - 保留空白
nowrap - 不換行,直至遇到<br>標籤爲止
pre-wrap - 保留空白,正常地換行
pre-line - 合併空白,保留換行符
inherit - 繼承自父元素

發佈了43 篇原創文章 · 獲贊 1 · 訪問量 1萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章