在HTML文字的开头显示空白

Question

我把前面的问题缩小为：

我不能在HTML文本的开头显示空格吗？

例如，我想用作；

<p>             This is a paragraph.</p> //             This is a paragraph. 

但是它的行为完全像；

<p>This is a paragraph.</p>

我该怎么做？

Answer 1

如果你必须有空格，你可以使用 ，所以代码看起来像：

<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;This is a paragraph.</p>

为 5 个空间。虽然我认为您最好使用 css 添加填充/边距样式来实现您所追求的目标。

编辑

使用填充方法添加的代码段：

<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;This is a paragraph.</p>

p.padded {
  padding:.3em .5em .1em 2em;
}

Answer 2

您可以white-space: pre;在CSS中使用不会折叠空格的属性：

    p {
    	white-space: pre;
    	color: black;
    	background: pink;
    }

    <p>             This is a paragraph.</p>