如何在JavaScript中创建多空格的字符串

问题描述 投票:33回答:4

通过创建一个变量

var a = 'something' + '        ' + 'something'

我得到这个值。'something something'.

如何在JavaScript中创建一个有多个空格的字符串?

javascript html whitespace space html-entities
4个回答
89
投票

使用 \xa0 - 它是 无缝隙空间 char.

参考自 UTF-8编码表和Unicode字符。你可以写成下面的样子。

var a = 'something' + '\xa0\xa0\xa0\xa0\xa0\xa0\xa0' + 'something';

8
投票

 

它是用来表示非中断空间的实体。它本质上是一个标准的空间,主要的区别是浏览器不应该在它所占的位置上断开(或包住)一行文字。

var a = 'something' + '&nbsp &nbsp &nbsp &nbsp &nbsp' + 'something'

非中断空间

HTML中常用的字符实体是不间断的空格( )。

记住,浏览器总是会在HTML页面中截断空格。如果你在文本中写了10个空格,浏览器会删除其中的9个。要在你的文本中添加真正的空格,你可以使用 &nbsp。字实体。

http:/www.w3schools.comhtmlhtml_entities.asp

演示

var a = 'something' + '&nbsp &nbsp &nbsp &nbsp &nbsp' + 'something';

document.body.innerHTML = a;

2
投票
var a = 'something' + Array(10).fill('\xa0').join('') + 'something'

里面的数字 Array(10) 可更改为所需的空格数


1
投票

您可以使用 <pre> 标签与innerHTML。的HTML <pre> 元素代表预格式化的文本,它将与HTML文件中的文字完全一致。文本通常使用非比例("monospace")字体。该元素内的空白处会按照书写的方式显示。如果你不想要不同的字体,只需在该元素中添加 pre 作为CSS文件中的选择器,并根据需要对其进行设置。

例如

var a = '<pre>something        something</pre>';
document.body.innerHTML = a;
© www.soinside.com 2019 - 2024. All rights reserved.