html中的文本在指定位置换行

    在css中使用white-space属性来影响浏览器处理子之间和文本行之间的空白符的方式。
     white-space取不同值的影响:

空白符 换行符 自动换行
normal 合并 忽略 允许
nowrap 合并 忽略 不允许
pre 保留 保留 不允许
pre-wrap 保留 保留 允许
pre-line 合并 保留 允许

由上表可知,pre,pre-wrap和pre-line会保留换行符,也就意味着如果我们在文字中敲了回车键或者输入了
(换行符),就会在指定位置换行。

<span>abc
def</span>

<span>abc&#10;def</span>

这样文字就会abc之后换行了,记住white-space的属性要指定为pre,pre-wrap和pre-line中的一个。

猜你喜欢

转载自blog.csdn.net/zhaoruda/article/details/79507756