html实体空格无效

空格分为 两种： 普通文本空格和html实体空格

普通文本空格 unicode 正则 描述
全角-中文空格键 \u3000 中文网页上常会出现

半角-英文空格键 \u0020 \s 最常见，写代码

html实体空格 unicode 十六进制 描述
  \u00a0 \xa0
1个字符宽度
不间断空格,主要用在office中,让一个单词在结尾处不会换行显示

  \u2002
1个字符宽度
半角空格

  \u2003
2个字符宽度
全角空格

\u2009 小于1个字符宽度
&nbsp；

3.其他制表符
\n 回车(\u000a)
\t 水平制表符(\u0009)
\s 空格(\u0008)
\r 换行(\u000d)

解决方案1
将html空格替换成想要的unicode码

解决方案2 vue 的 v-html
<div v-html="'  '"></div>

关于在线文档编辑时,文字对齐的有效操作：在全角的情况下点击空格键,对应的实体字符是