HTML 纯数字超出容器限制的原因

屏幕快照 2018-11-24 下午2.13.49.png

如图,之前一直不知道为什么中文英文甚至emoji都能正常换行,唯独数字不行。

原因

今天终于明白了,原来是浏览器把长串数字给当成一个长英文单词处理了,单个英文单词默认是不拆分的。

解决办法

  • 直接无视,不解决.
overflow: hidden;

隐藏掉就行了,很少有这样的输入,是假的,是加了特技(duang)的。

  • 可以通过
word-break:break-all; 
word-wrap:break-word;

来解决问题,不推荐,这样正常的单词可能会被截断。

Tags:HTML
上一篇
下一篇

添加新评论