html - 如何缩进 HTML 标签内容

Question

也许这是一个太基本的问题。

<p>A long text here A long text here A long text here A long text here A long text here A long text here A long text here A long text here </p>

是否可以编写类似的内容：

<p>A long text here A long text here A long text here 
  A long text here ...
  ...
</p>

另外，帮我标记这个问题。

Answer 1

好吧，段落标签删除了前导空格并忽略了输入中断。

实现您想要的一种方法是使用 Preformatted 标签<pre>，它返回与其基本文本相同的结果（带有空格、中断等）。另一种方法是尝试以最能代表用户的方式使用 CSS （宽度、文本缩进等）对其进行样式设置。

Answer 2

所有其他答案都包含一些事实，这是使用 CSS 的不同方法：http:
//jsfiddle.net/Volker_E/p3pgz/

只需包括：

p {
   white-space: pre;
}

这确保了在 HTML 编辑器中编写的空格和换行符的输出。MDN 上的空白属性描述。

Answer 3

你可以简单地使用

<br/> tag within the <p> tag for getting the required indentation.. something like <p>A long text here A long text here A long text here <br/> A long text here A long text here A long text here </p>

Answer 4

您可以使用 几次，也可以使用 CSS：

p {
    text-indent:-20px;
    padding-left:20px;
}

小提琴