vue html实体空格无效

时间:2025-04-21 16:06:07

#空格类型

当第一列空格不能用时试试第二列

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

普通文本空格

unicode

正则 描述

全角-中文空格键

\u3000

中文网页上常会出现

半角-英文空格键 \u0020 \s

最常见,写代码

html实体空格

unicode

十六进制

描述
    \u00a0

\xa0

1个字符宽度 

不间断空格,主要用在office中,让一个单词在结尾处不会换行显示

    \u2002

1个字符宽度

半角空格

  \u2003

2个字符宽度

全角空格

 

\u2009  小于1个字符宽度

&ampnbsp;

其他制表符

\n 回车(\u000a)

\t 水平制表符(\u0009)

\s 空格(\u0008)

\r 换行(\u000d)

#解决方案1

将html空格替换成想要的unicode码

#解决方案2 vue 的 v-html

<span v-html="'&nbsp;&nbsp;'"></span>

#空格替换成‘’的正则

str = ("[\\pZ]", "");

//替换unicode编码和\r\n等
Pattern p = ("\\pZ*\\s*|\t|\r|\n");
Matcher m = (str);
str = ("");