如何防止空格和连字符更改行并使特定宽度的换行？

Question

如何防止空格和连字符更改行并使其具有特定宽度的换行符？

我知道如果我将短划线更改为&#8209并将空格&nbsp更改为有效。但有没有其他方法可以在不改变db的内容的情况下完成。

我也试过white-space:no-wrap;，但文字不会与特定宽度一致。

http://jsfiddle.net/eD4Ht/

<div>textfromdb-textfromdbtextfromdbtextfromdb- textfromdbtextfromdbtextfromdb textfromdb</div>
div{
    width:100px;
    background-color:red;
    word-wrap:break-word;
}

Answer 1

似乎您希望div元素中的字符串在给定宽度内呈现，以便在达到宽度限制时仅输入 。为此，word-wrap: break-word不适合，因为它只允许浏览器在正常包装不够时任意打破“单词”。您希望通过简单的机械装配替换正常包装。为此，请改用word-break：

div {
    width: 100px;
    background-color: red;
    word-break: break-all;
}