国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發 > CSS > 正文

CSS中幾個與換行有關的屬性簡明總結

2024-07-11 08:52:52
字體:
來源:轉載
供稿:網友

word-wrap

normal 默認值。允許內容頂開指定的容器邊界。
break-word 內容將在邊界內換行。如果需要,詞內換行也將發生。
白話解釋:也就是說如果一個很長的英文單詞如果超過了容器長度,是否折斷英文單詞,默認是不折斷。
支持情況:IE、Firefox 3.6、Chrome 4 中測試通過。

word-break

normal 默認值。依照亞洲語言和非亞洲語言的文本規則,允許在字內換行。
break-all 該行為與亞洲語言的 normal 相同。也允許非亞洲語言文本行的任意字內斷開。該值適合包含一些非亞洲文本的亞洲文本。
keep-all 與所有非亞洲語言的 normal 相同。對于中文,韓文,日文,不允許字斷開。適合包含少量亞洲文本的非亞洲文本。
白話解釋:break-all 把英文單詞拆成一個一個的就像亞洲文字一樣可單獨拆開;keep-all 把一長串亞洲文字當作是一個英文單詞一樣對待。
支持情況:IE 支持全部;Firefox 3.6 不支持全部;Chrome 4 不支持 keep-all。

white-space

normal 默認值。默認處理方式。文本自動處理換行。假如抵達容器邊界內容會轉到下一行
pre 換行和其他空白字符都將受到保護。這個值需要 IE6+ 或者 !DOCTYPE 聲明為 standards-compliant mode 支持。如果 !DOCTYPE 聲明沒有指定為 standards-compliant mode ,此屬性可以使用,但是不會發生作用。結果等同于 normal 。
nowrap 強制在同一行內顯示所有文本,直到文本結束或者遭遇 br 對象。
白話解釋:pre 源代碼中有幾個空格,顯示就有幾個空格;源代碼中有回車換行,顯示也有換行。Nowrap 不見 br 不換行,即使是中文漢字超過了容器大小。
支持情況:IE、Firefox 3.6、Chrome 4 中測試通過,不過 pre 在 IE 中的支持情況還是請參照上面的說明。

line-break

normal 默認值。應用日文文本的默認換行規則。
strict 強制日文文本換行規則的嚴謹性。
應用
強制換行,遇到長英文單詞,直接將詞折斷。

word-wrap:break-word;

也有人用 break-word:break-all,但考慮到兼容性,還是建議用 word-wrap:break-word;。
除非遇到 br,否則不管怎樣都不換行。
white-space:nowrap;

附:word-wrap:break-word 與 word-break:break-all 區別

word-wrap:break-word 是優先斷單詞(根據空格判斷單詞),而 word-break:break-all 完全沒有把文字當單詞看待,在它眼里,都是一塊一塊的字符。
這就會造成這么兩情況:
假如一個 p 有 100px 寬,而其中有很長一段無空格的英文字符,完全超過 100px 了,此時二者表現相同,都是在邊界處將字符截斷。
假如一個 p 有 100px 寬,其中有段文字既有中文也有英文,前面是中文,占了 70px,后面一個很長的英文單詞有 50px。對于 word-wrap:break-word 會將該單詞全部折到下一行輸出,而 word-break:break-all 會利用剩下的 30px 輸出單詞的前半部分,再到下一行輸出剩下的 20px。
支持情況:
word-wrap:break-word 受眾多瀏覽器支持;
word-break:break-all 受較少瀏覽器支持。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 汾西县| 石渠县| 铜川市| 彰化市| 彭阳县| 罗源县| 明光市| 福泉市| 盐源县| 盱眙县| 文登市| 仪陇县| 舒城县| 周宁县| 清徐县| 资源县| 鄂州市| 卢龙县| 武穴市| 牟定县| 始兴县| 台中市| 武宁县| 揭东县| 临漳县| 汽车| 牙克石市| 分宜县| 翼城县| 小金县| 乌兰浩特市| 巩留县| 兴文县| 福建省| 琼结县| 阿合奇县| 大庆市| 武冈市| 淄博市| 长丰县| 长兴县|