如何在css中关闭break字？

Question

如何在CSS中关闭破碎的单词？如果单词包含键盘连字符，而不是软连字符。

例如： 有一天和我的第一年室友交谈

Answer 1

查看word-wrap

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

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

Answer 2

使用 white-space：nowrap

p {
    white-space: nowrap;
}

如果你只想在文本的一部分上使用nowrap，你可以简单地将该文本放在 span 元素中，然后将nowrap应用到它。

另一种更简单的方法就是用‑替换键盘连字符。这将使其成为一个不间断的连字符。

Updated example on jsFiddle

css css3 html