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

Question

假设我有这一段

iamaverylongwordthathasnospace yehey

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

我有一个很长的词
nospace yehey

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

iama verylongwordthathasaspace yehey

变成了

iama
verylongwordthathasaspace
yehey

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

iama verylongwordthathas
no space yehey

它会在空格处换行但在长单词处强制中断？

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;  
}

来源:CSS-Tricks: Word-break