通过jquery/javascript在span/tspan中设置多个空格

请找一把小提琴：

$（'#tghj'）.text（'Hey There'）；

我需要在跨度元素内设置多个空格。我试图在两个文本之间添加空格，但它们被修剪为一个空格

---

如果可能，我需要在不向span元素添加任何属性的情况下添加这些空格。如果这是完全不可能的，那么其他方法将是受欢迎的。

使用不可破坏的空间

$('#tghj').html('Hey                 There'.replace(/ /g, " "));

---

使用不可破坏的空间

$('#tghj').html('Hey                 There'.replace(/ /g, " "));

---

您可以将

用作空格。

您可以将

用作空格。

您需要空白：pre；在跨度上

$（'#tghj'）.text（'Hey There'）
#tghj{空白：pre；}


您需要空白：pre；在跨度上


$（'#tghj'）.text（'Hey There'）
#tghj{空白：pre；}
有几种方法可以实现这一点：

使用一个不易碎的空间（如托奇诺建议的），这可能是最简单的方法

尝试在单词之间添加，这样可以在单词之间创建空白

编辑您的小提琴以实现此目标（不太理想）：

HTML-

<div>
    <tspan id='tghj'></tspan>
    <tspan id='tghk'></tspan>
</div>

CSS-

#tghj
{
    float: left;
}
#tghk
{
    float: right;
}

这种方法可以让您通过CSS而不是Javascript灵活地调整定位

使用第3点中的精确代码可进一步提高灵活性，但您可以将CSS修改为：

#tghk
{
    margin-left: 30%; /**or any other value depending on the amount of space you want between the words**/
}


有几种方法可以实现这一点。希望这能有所帮助。
有几种方法可以实现这一点：

使用一个不易碎的空间（如托奇诺建议的），这可能是最简单的方法

尝试在单词之间添加，这样可以在单词之间创建空白

编辑您的小提琴以实现此目标（不太理想）：

HTML-

<div>
    <tspan id='tghj'></tspan>
    <tspan id='tghk'></tspan>
</div>

CSS-

#tghj
{
    float: left;
}
#tghk
{
    float: right;
}

这种方法可以让您通过CSS而不是Javascript灵活地调整定位

使用第3点中的精确代码可进一步提高灵活性，但您可以将CSS修改为：

#tghk
{
    margin-left: 30%; /**or any other value depending on the amount of space you want between the words**/
}


有几种方法可以实现这一点。希望这有帮助