html - 数字不会以固定宽度换行

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属性(property)。添加如下规则:

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

这样做。

jsFiddle example