我是靠谱客的博主 单身路人,这篇文章主要介绍Vue中多个连续空白符只显示一个的解决办法,现在分享给大家,希望可以做个参考。

一、两个行内元素之间想显示多个空白符
1、首先将pre标签的display属性设置为inline(pre标签中的特殊符号会被转换为符号实体)

复制代码
1
2
3
pre { display: inline; }

2、在任意两个行内元素中间插入pre标签输入多个空格即可

二、一个字符串变量内想显示多个空白符
1、设置一个class将white-space属性设置为pre

复制代码
1
2
3
.white-space { white-space: pre; }

2、使用该类

复制代码
1
<p class="white-space">{{message}}</p>

最后

以上就是单身路人最近收集整理的关于Vue中多个连续空白符只显示一个的解决办法的全部内容,更多相关Vue中多个连续空白符只显示一个内容请搜索靠谱客的其他文章。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(79)

评论列表共有 0 条评论

立即
投稿
返回
顶部