数字和英文换行

目前我们常用的文字只有三种：数字、英文、中文

在现在的浏览器中，浏览器默认的换行只有中文（普通的符号也不行），我们先来看看效果

很明显，数字和英文没有换行。那么，怎么让它换行？

方法一：（英文输入法）连接符 “-”

来看看效果

可以看得到，它确实可以让数字和英文换行，当然它对中文无效，有兴趣你们可以试试。上面这种换行的效果其实很明显不是我们最理想的状态，而且它还多添了一个符号。

方法二：（中文输入法）逗号“，”

它的功能和 “ - ” 其实是一样，来看看吧。

用的时候计算好位置

方法三：中文混合

这种方法其实也不好，来看看效果就知道了：

对吧，很不理想。

方法四：< br />标签

< br />标签本身的功能就是换行，用的时候算准位置。

方法五：word-wrap属性（推荐）

word-wrap 属性允许长单词或 URL 地址换行到下一行。
它没有文字不换行的功能，文字不换行要使用white-space: nowrap;
white-space: nowrap;对单词或数字的换行没有任何效果
关于white-space后期可能会专门开一片博客
它有两个属性值：normal，break-word；
break-work允许长单词或 URL 地址换行到下一行。
来看看效果

当然，这种时候千万不要将文字与数字、英文混成一块，来看看混乱后的效果

是不是看上去也很奇怪

本文地址：https://blog.csdn.net/ttttqqqqq/article/details/107468572