我正在使用TextMate为Rails视图编写代码(使用2空格缩进标准)。每当查看我的网页输出(查看源代码),HTML括号总是出现奇怪的缩进。例如,我的application.html.erb看起来像这样:
<!DOCTYPE html>
<html>
<head>
<title>Rainleader</title>
<%= stylesheet_link_tag :all %>
<%= javascript_include_tag :all %>
<%= csrf_meta_tag %>
</head>
<body>
<div id="outer">
<div class="contentwidth main">
<%= render 'layouts/header' %>
</div>
<%= yield %>
</body>
</html>
这里是渲染的部分内容(_header.html.erb):
<div class="logo">
<h1><a href="index.html">minimal.</a></h1>
</div><!-- end logo -->
但是,输出的HTML代码中有错位(缩进不正确)的括号(请参见下面代码中的注释):
<body>
<div id="outer">
<div class="contentwidth main">
<div class="logo"> <<<Why is this so far to the right?
<h1><a href="index.html">minimal.</a></h1> <<<Why is this so far to the left?
</div><!-- end logo -->
这是怎么回事?如果我在application.html.erb中调用_header.html.erb partial并且缩进了四个空格,我需要至少缩进同样数量的代码才能正确嵌套吗?
<pre>
标签中时,缩进对我很重要。 - jwadsackwhite-space: pre-line;
来解决<pre>
中的缩进问题。这对HTML没有帮助(但我不关心,因为我们会压缩所有内容)。 - jwadsack