代码如下:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>溢出问题解决</title> <style> div { height: 200px; width:200px; background-color: orange; } </style> </head> <body> <div>1111111111111111111111111111111111</div> </body> </html>
效果如下:
探究
原因:
我没查到哈,我自己觉得内部编码时候是吧连在一起的数字或者字母当成一个整体了,单个整体显示时候按照行元素展示的不会换行(纯属猜测,希望有大佬见到评论指正)
解决
CSS样式中加上下面任一一句即可。
word-break:break-all; 或者 word-wrap:break-word;
w3cschool:https://www.w3school.com.cn/cssref/pr_word-break.asp