CSS 在很长的单词上换行，但在空格上不换行

Question

假设我有这一段

iamaverylongwordthathasnospace 耶嘿

当我使用word-wrap:break-word;它时变成

iamaverylongwordthathas
nospace 耶嘿

这很好..但是当我尝试时

iama verylongwordthathasaspace 耶嘿

它变成了

iama
verylongwordthathasaspace
耶嘿

我的问题是如何使该段落看起来像这样

iama 非常长的单词，
没有空格 耶嘿

它会在空格上换行，但会强制在长单词上打断？

Answer 1

您正在寻找word-break: break-all;

这是一个例子。我把背景设置为黑色，这样你就可以看到它在哪里中断：JS Fiddle

超文本标记语言

<div>iama verylongwordthathasaspace yehey</div>

CSS

div {
    width: 120px;
    word-break: break-all;
    background: black;
    color: white;  
}

来源：CSS-Tricks：断字