当前位置： 移动技术网 > IT编程>开发语言>JavaScript > 数字和英文换行

数字和英文换行

2020年07月22日  | 移动技术网IT编程  | 我要评论

数字和英文换行


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

在现在的浏览器中，浏览器默认的换行只有中文（普通的符号也不行），我们先来看看效果
在这里插入图片描述
很明显，数字和英文没有换行。那么，怎么让它换行？

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

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

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

它的功能和 “ - ” 其实是一样，来看看吧。
在这里插入图片描述
用的时候计算好位置

方法三：中文混合

这种方法其实也不好，来看看效果就知道了：
在这里插入图片描述
对吧，很不理想。

方法四：< 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

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网