我有两个 <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>
最佳答案
因为浏览器将数字视为常规文本并且不会中断它,除非您用类似 word-wrap
的方式告诉它或 word-break
属性(property)。添加如下规则:
div {
width: 200px;
word-wrap:break-word;
}
这样做。
关于html - 数字不会以固定宽度换行,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37036265/