如何保留HTML中字字间距

如何保留HTML中字字间距

正常情况下，我们在HTML文本中留有很多空格，实际上是不显示的，为了解决这个问题，总结了如下几种方法

1.字体间距均匀空隙
letter-spacing: 2px;

<div style="letter-spacing: 20px;">你好吗我很好</div>

如图所示：

2.个别字体间保留空白

<div style="">你好吗&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;我很好</div>

如图所示：

3.js中字符串拼接的值中包含空格，在改标签上添加white-space:pre;样式即可。

<div style='white-space:pre;'>{{name}}</div>
data{
	return{
  	name:''
  }
},
created:{
	this.name = '你好'+'     '+'吗我很好';
}

或者

<div style='white-space:pre;'>你好       吗我很好</div>

如图所示：