数字不会以固定宽度换行到新行

Question

我有两个<div>。其中一个是'Lorem ipsum'文字，第二个是数字。我发现div带有数字，不会将数字换成固定宽度<div>的新行。有人可以解释一下，为什么数字不会换行到新行，也许这种情况在规范中有所描述？

JSFiddle

div {
  width: 200px;
}

<div>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium quasi consequatur nobis magni molestias repudiandae rerum quisquam quo dolore dolorem! Sit eligendi accusamus aliquam consectetur inventore minima, fugiat qui quia.</div>
<div>111111111111111111111111111111111111111111111111</div>

Answer 1

因为浏览器将数字视为常规文本并且不会破坏它，除非您使用word-wrap或word-break属性进行说明。添加如下规则：

div {
  width: 200px;
  word-wrap:break-word;
}

这样做。

<强> jsFiddle example

Answer 2

＆＃13;

＆＃13;

div {
  width: 200px;
  word-wrap: break-word;
}

＆＃13;

<div>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium quasi consequatur nobis magni molestias repudiandae rerum quisquam quo dolore dolorem! Sit eligendi accusamus aliquam consectetur inventore minima, fugiat qui quia.</div>
<div>111111111111111111111111111111111111111111111111</div>

＆＃13;

＆＃13;

＆＃13;