盒子模型内容是数字怎么没跟着文字一样换行
如图,像这样
如图,像这样
2018-07-08
原因:浏览器在解析页面的时候,把这一串数字当成一个单词了,这样就不会自动切断字符串而进行换行。
方法:用word-wrap:break-word
和word-break:break-all 如
div{ background-color: #c8ff7e; width: 100px; height: 100px; word-break:break-all }
word-wrap:break-word; 和 word-break:break-all 的区别
1,word-break:break-all 例如div宽100px,它的内容就会到100px自动换行,如果该行末端有个英文单词很长,它会把单词截断。
2,word-wrap:break-word 例子与上面一样,但区别就是它会把单词看成一个整体,如果该行末端宽度不够显示整个单词,它会自动把整个单词放到下一行,而不会把单词截断掉的。
举报