css - 如何防止空格和连字符换行并以特定宽度换行？

Question

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

我知道如果我将破折号更改为 ‑ 和空格   它会起作用。但是有没有其他方法可以在不更改 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;
}