首頁猿問在css中“單詞中斷：...

在css中“單詞中斷：所有”和“單詞包裝：中斷詞”之間的區(qū)別是什么？

Html/CSS

繁華開滿天機 2019-06-29 17:26:21

在css中“單詞中斷：所有”和“單詞包裝：中斷詞”之間的區(qū)別是什么？我現在想知道兩者之間有什么區(qū)別。當我同時使用這兩個詞時，如果它不適合容器，它們似乎會破壞這個詞。但是為什么W3C做了兩種方法來做到這一點呢？

查看完整描述

3 回答

鴻蒙傳說

TA貢獻1865條經驗獲得超7個贊

討論這些問題的W3規(guī)范似乎表明word-break: break-all是要求使用CJK(中文、日文和韓文)的特定行為，而word-wrap: break-word是更普遍的，沒有CJK意識的行為。

反對回復 2019-06-29

阿波羅的戰(zhàn)車

TA貢獻1862條經驗獲得超6個贊

word-wrap: break-word最近改為overflow-wrap: break-word

word-break: break-all

因此，如果您有許多動態(tài)獲取內容的固定大小的跨度，那么您可能更喜歡使用word-wrap: break-word由于這樣，只有連續(xù)的單詞在中間被打斷，如果它是一個包含許多單詞的句子，空格會被調整以得到完整的單詞(在一個單詞中沒有中斷)。

如果這不重要，那就去吧。

反對回復 2019-06-29

慕標5832272

TA貢獻1966條經驗獲得超4個贊

帶著word-break，一個非常長的單詞從它應該開始的點開始，并且只要需要，它就會被打破。

[X] I am a text that 0123456789012345678901234567890123456789 want to live 
inside this narrow paragr
aph.

然而，與word-wrap，一個很長的詞不會在它應該開始的時候開始。它繞到下一行，然后在需要的時候中斷。

[X] I am a text that 
0123456789012345678901234567890123456789 want to
live inside this narrow 
paragraph.

反對回復 2019-06-29

關注