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

Question

假设我有这一段

iamaverylongwordthathasnospaceyehey

当我使用

word-wrap:break-word;

时，它变成了

我很长的单词，有
没有空间耶嘿

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

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

变成了

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

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

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

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

Answer 1

您正在寻找

word-break: break-all;

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

HTML

<div>iama verylongwordthathasaspace yehey</div>

CSS

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