Question

我有一个网站或一个html页面，我想缩进我的代码以供访问者查看。例如：

<html>
<head>
</head>
<body>
<pre>
&lt;html>
&lt;body>
&lt;p>
hi
&lt;/p>
&lt;/body>
</pre>
</body>
</html>

在html中，有没有办法缩进块代码而不使用大量的＆amp; nbsp; ，像＆lt; blockquote＆gt;标签。这样，我可以使用这样的东西：

    ＆LT; HTML＆GT;
    ＆LT; HEAD＆GT;     ＆安培; LT /头＆GT;     ＆LT;身体GT;
    ＆LT; p为H.          你好
    ＆LT; / p为H.
    ＆LT; /体＆GT;

＆LT; / HTML＆GT; 使用：

<blockquote>
&lt;html>
<blockquote>
&lt;head>
&lt/head>
&lt;body>
<blockquote>
&lt;p>
<blockquote>
Hi
</blockquote>
&lt;/p>
</blockquote>
&lt;/body>
</blockquote>
&lt;/html>

我想知道是否有更好的方法来缩进代码块。如果没有，我想知道是否有一种方法可以使用css来改变它，所以侧面没有线条，它看起来只是链接到用户的正常缩进。

Answer 1

你可以用CSS来做。 text-indent属性指定文本块中第一行的缩进。尝试;

blockquote  {
    text-indent: 50px;//define indent in pixels
}

以下是演示http://www.w3schools.com/cssref/tryit.asp?filename=trycss_text-indent

Answer 2

您可以使用pre标签制作预先格式化的文本，可以通过普通空格/标签缩进。

<pre>
    &lt;html>
        &lt;head>&lt;/head>&lt;body>
            &lt;p>
                Hi
            &lt;/p>
        &lt;/body>
    &lt;/html>
</pre>

JSFiddle

如何缩进html代码示例

2 个答案: