Question

假设我有这个段落

iamaverylongwordthathasnospace yehey

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

iamaverylongwordthathas
nospace yehey

这很好..但是当我尝试

时

iama verylongwordthathasaspace yehey

成了

IAMA
verylongwordthathasaspace
yehey

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

iama verylongwordthathas
nospace 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;  
}