Vue中多个连续空白符只显示一个的解决办法

66 阅读 0 评论 44 点赞

我是靠谱客的博主单身路人，最近开发中收集的这篇文章主要介绍Vue中多个连续空白符只显示一个的解决办法，觉得挺不错的，现在分享给大家，希望可以做个参考。

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

pre {
  display: inline;
}

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

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

.white-space {  
  white-space: pre;
}

2、使用该类

<p class="white-space">{{message}}</p>

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。

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

$vue Template模板中针对属性如何写空白字符串占位符?（\u00a0）会是一个好的空格占位解决方案$