如何使用CSS将长字符串包装在固定宽度的容器中？

Question

假设我有一个固定宽度的容器，里面有一个长字符串，没有空格：

＆＃13;

＆＃13;

div {
    background-color:yellow;
    width:100px;
    height:100px;
    position:relative;
}

＆＃13;

<div>veryveryveryveryveryveryveryveryveryveryveryverylongstring</div>

＆＃13;

＆＃13;

＆＃13;

如何强制文本通过CSS包装？我对包装样式有什么控制（例如使用连字符）？

我知道text-wrap属性，但似乎并不适用于这样的长字符串。也许我错了。有人可以解释一下吗？

Answer 1

您正在寻找word-break property。您可以使用word-break: break-all：

＆＃13;

＆＃13;

div {
    background-color: yellow;
    width: 100px;
    height: 100px;
    position: relative;
    word-break: break-all;
}

＆＃13;

<div>veryveryveryveryveryveryveryveryveryveryveryverylongstring</div>

＆＃13;

＆＃13;

＆＃13;

Answer 2

这也足够

div {
  word-wrap: break-word;
}