如何在<code> tag?</code>中使用缩进

Question

我有一些带有一些计算机代码的代码标记：

<code>
    int main(){  <br/ >
        printf("Hello World!");<br/ >
    }
</code>

但是当我在浏览器中显示它时，将没有缩进。除此之外，我该怎么做呢？ 使用 ？写它们将是一项非常繁琐的工作。

Answer 1

<code>
    <pre>
        int main(){  
            printf("Hello World!");
        }
    </pre>
</code>

您可以使用“pre”标记，该标记定义预格式化的文本。 “pre”元素中的文本以固定宽度字体（通常为Courier）显示，并保留空格和换行符。在显示具有异常格式的文本或某种计算机代码时使用它。而且您不需要额外的“br”标签。

您的代码应如上所示。

您可以找到有关标记here的更多信息。

Answer 2

code元素不会更改正常的HTML格式规则，这会将连续的空格折叠到单个空格。除了默认情况下将字体设置为等宽字体之外，它没有做太多其他事情，但在特殊情况下它可能会产生一些影响（例如，自动翻译软件可能会处理code元素，以便其内容保持未翻译状态。 / p>

您可以使用CSS来请求不同的格式：

<style>
code { white-space: pre }
</style>

但是，当您只需使用pre element（并删除br标记）时，这可能会非常脆弱（CSS规则可能因各种原因而被忽略）：

<pre>
    int main(){  
        printf("Hello World!");
    }
</pre>

如果您希望另外出于某种原因使用code元素，那么有效的方法是将code嵌套在pre内，反之亦然。在这里，您需要注意忽略<pre>标记之后的换行符的特殊规则在这里不适用（因为会有插入标记），所以为了避免在开头有额外的换行符，你会需要这样写：

<pre><code>   int main(){  
        printf("Hello World!");
    }</code></pre>

P.S。 code和pre都没有更改有关标记重要字符<和&的规则，这些规则应编码为<和&，分别。例如，像a<b&c这样的文字需要写成a<b&c。

Answer 3

<code>
<pre>
    int main(){  <br/ >
        printf("Hello World!");<br/ >
    }
</pre>
</code>