Question

我将之前的问题缩小为;

我无法在HTML的文本开头显示空格？

例如我想用as;

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

但它的表现完全一样;

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

我怎么能这样做？

Answer 1

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

＆＃13;

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

＆＃13;

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

＆＃13;

Answer 2

如果必须有空格，可以使用 ，因此代码如下：

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

5个空格。虽然我认为你可能最好使用css来添加填充/边距样式来实现你的目标。

修改的

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

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

<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Rerum voluptas, culpa, quam, totam ex illum earum cupiditate, odit delectus cum atque dignissimos. Culpa praesentium perspiciatis incidunt pariatur. Doloremque, illum, sequi.</p>

<p class="padded">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Rerum voluptas, culpa, quam, totam ex illum earum cupiditate, odit delectus cum atque dignissimos. Culpa praesentium perspiciatis incidunt pariatur. Doloremque, illum, sequi.</p>

Answer 3

要缩进段落，请使用text-indent:1em;

您无法在显示时在HTML中创建空格，因为whitespace is always collapsed是文本区域中的一个空格。

Answer 4

将其用于正常空间：

p {
      white-space: pre-line;
  }

Answer 5

要缩进段落，请在CSS中使用:before

p:before {
    content: '';
    display: inline-block;
    width: 30px;
}

在HTML中的文本开头显示空格

5 个答案: