数字英文超过宽度不换行问题

Posted 思考的大腿

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了数字英文超过宽度不换行问题相关的知识,希望对你有一定的参考价值。

你除了要定宽度,还要加上这2个属性其中之一,就可以实现换行了。
1. word-break:break-all;只对英文起作用,以字母作为换行依据
2. word-wrap:break-word; 只对英文起作用,以单词作为换行依据
(考虑到合理性,可优先使用第二个css属性。)
出现此问题是因为系统默认一段不含空格的字母(数字)串为一个单词,系统默认不会从一个单词中间断行,所以溢出了div,设置了上述换行属性亦可解决此问题。

以上是关于数字英文超过宽度不换行问题的主要内容,如果未能解决你的问题,请参考以下文章

Fabric.js 的文本框不换行

数字字母不换行

宽度在 IE11 中不换行

CSS自动换行强制不换行强制断行超出显示省略号

CSS强制性换行

如何可以让div内的元素不换行?