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

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

Html/CSS

繁華開滿天機(jī) 2019-06-29 17:26:21

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

查看完整描述

3 回答

鴻蒙傳說

TA貢獻(xiàn)1865條經(jīng)驗(yàn) 獲得超7個贊

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

反對回復(fù) 2019-06-29

阿波羅的戰(zhàn)車

TA貢獻(xiàn)1862條經(jīng)驗(yàn) 獲得超6個贊

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

word-break: break-all

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

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

反對回復(fù) 2019-06-29

慕標(biāo)5832272

TA貢獻(xiàn)1966條經(jīng)驗(yàn) 獲得超4個贊

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

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

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

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

反對回復(fù) 2019-06-29

關(guān)注