字符串重复制表符/空白在span中不起作用

string.repeat tab/whitespace not working in span

本文关键字：span 不起作用 空白 复制 制表符 字符串      更新时间：2023-09-26

我现在正尝试为具有字符串的"child"表行添加空白。repeat，然而，在我的span元素中，尽管它在textareas中有效，但它不起作用。

这是我的HTML:

<span id="first"></span>
<span id="second"></span>
<span id="third"></span>

这是我的JS:

$('#first').append('Help');
$('#second').append('   '.repeat(4) + 'Help');
$('#third').append(' '.repeat(4) + 'Help');

链接到带有spans:的jsfiddle

http://jsfiddle.net/JoshB1997/mbzjedxr/

链接到除spans:以外的textareas的相同代码

http://jsfiddle.net/JoshB1997/mbzjedxr/1/

为什么它在跨度上不起作用？有什么方法可以让它起作用吗？

HTML中的多个空格显示为一个空格。请参阅为什么HTML文件中的多个空格在浏览器中显示为单个空格？。

要在DOM中添加多个空格，请使用&nbsp;实体。

$('#second').append('&nbsp;'.repeat(4) + 'Help');

更新的Fiddle

相关文章：