1. 程式人生 > >兩端對其牽扯出來的css

兩端對其牽扯出來的css

blog 允許 是否 css nor -c clas 中斷 換行

overflow-wrap(css3之前稱為word-wrap)

overflow-wrap:normal | break-word;

normal:表示在正常的單詞結束處換行。

break-word:表示如果行內沒有多余的地方容納該單詞到結尾,則那些正常的不能被被分割的單詞會被強制分割換行。

作用:用來說明當一個字符串太長,為防止其溢出,瀏覽器是否允許這樣的單詞中斷換行。

word-break

word-break : normal | break-all | keep-all;

normal:使用默認的斷行規則。

break-all:對於non-CJK (CJK 指中文/日文/韓文) 文本,可在任意字符間斷行。

keep-all:CJK 文本不斷行。 Non-CJK 文本表現同 normal。

作用:指定了怎樣在單詞內斷行。

區別

word-wrap:break-word; 會首先嘗試挪到下一行,看看下一行的寬度夠不夠,不夠的話就進行單詞內的斷句。

word-break:break-all; 斷句的方式非常粗暴,它不會嘗試把長單詞挪到下一行,而是直接進行單詞內的斷句。

兩端對其牽扯出來的css