如何在css中關閉斷詞？

Question

如何關閉CSS中的破碎單詞？如果該單詞包含鍵盤連字符，則不是軟連字符。

例如： 有一天說我的第一年室友

Answer 1

使用空白：NOWRAP

p { 
    white-space: nowrap; 
} 

如果你想在文本中的一部分使用NOWRAP，你可以只需將該文本放入範圍內的元素，然後將nowrap應用於該元素。

另一種更簡單的方法來防止你的連字符串包裝是用‑替代鍵盤連字符。這將使其成爲一個不折斷的連字符。

Updated example on jsFiddle

csscss3html

Answer 2

看看word-wrap

// Don't force hyphenate 
p { word-wrap: normal; } 

// Force words to hyphenate 
p { word-wrap: break-word; }