在句子中添加空格

Question

在HTML5中，如何跳过<div>中的5个空格？例如，你如何做到这一点：

“Drumroll ...... [5个空格]东西！”

<div>Drumroll... [5 spaces] Something!</div>只输出“Drumroll ...... Something！”

似乎没有任何标记，例如<indent>，我发现在句子中间缩进。

&nbsp&nbsp&nbsp&nbsp&nbsp有效，但是有更有效的方法吗？比如...

<skip 10px></skip>

具体来说，我正在寻找能够轻松插入1,000个空格的解决方案，例如。

Answer 1

这不是完美的五个空格，我不确定是否有办法在不使用五个连续 的情况下执行此操作，但这将允许您在内联中添加可指定的空间量。

<p>Drumroll...<span style="margin-left:50px;"></span>something</p>

http://jsfiddle.net/5drHj/1/

另一种选择可能是使用<pre>代码......

<pre>Drumroll...     something</pre>

http://jsfiddle.net/5drHj/2/

如果您决定使用连续的 ，您可以使用javascript循环（或用于服务器端构造的php循环）来添加1000   s

编辑：冒着丢失嘀嗒声的风险，我想指出@vals给出的答案是第三种选择，也许是三者中最优雅的选择。

Answer 2

不，HTML中没有这样的元素。很久以前，有一个非标准<spacer>标签，但它被放弃了。你应该使用CSS来做这样的事情。在<span>元素中包装一些前面的文本，并在其上设置padding-left: 1.25em。根据需要调整值。空格的宽度取决于字体，但平均值在0.25em左右。

Answer 3

您在问题的前半部分（如何轻松插入空格）中提出的问题是通过以下属性实现的：

white-space: pre;

这意味着您的文字已预先格式化，并且空格应保持原样。然后只需插入那些空格。

fiddle

如果你想插入1000个空格，那么我们可能会谈论对齐，并且存在大量的可能性。 （在em中指定的填充是最明显的），但是您应该提供有关您的情况的更多详细信息。