Html “正在结束轨道haml跨度”；早期的为什么？_Html_Ruby On Rails_Ruby_Haml

Html “正在结束轨道haml跨度”；早期的为什么？

html ruby-on-rails ruby

Html “正在结束轨道haml跨度”；早期的为什么？,html,ruby-on-rails,ruby,haml,Html,Ruby On Rails,Ruby,Haml,为什么我的“页脚链接”会提前结束（在我的删除按钮之前）： %p %br %span.footer_links = link_to 'Edit', edit_link_path(@link) | = button_to 'Delete', @link, :confirm => 'Are you sure?', :method => :delete 正在制作以下内容： <p> <br/> <span class="foote

为什么我的“页脚链接”会提前结束（在我的删除按钮之前）：

%p
  %br
  %span.footer_links
    = link_to 'Edit', edit_link_path(@link)
    |
    = button_to 'Delete', @link, :confirm => 'Are you sure?', :method => :delete

正在制作以下内容：

<p>
<br/>
<span class="footer_links">
<a href="/links/354/edit">
<a href="/links/354/edit">
 | 
</span>
</p>
<form method="post" action="/links/354" class="button_to">
<div>
<input name="_method" type="hidden" value="delete"/>
<input data-confirm="Are you sure?" type="submit" value="Delete"/>
<input name="authenticity_token" type="hidden" value="MvN6K03y5WcqSZRt4Au3zj+xsKhfZ9EEtkf2M7YCGhk="/>
</div>
</form>

完全是猜测，但缩进中是否混合了空格和制表符？看起来HAML将Butto标记解释为与%p标记在同一级别缩进，因此我想知道是否有选项卡可能被解释为空格

HAML文档说你不能在缩进中混合制表符和空格，但没有说明这是否会引发错误或显示为意外行为。

完全是猜测，但是你在缩进中混合了空格和制表符吗？看起来HAML将Butto标记解释为与%p标记在同一级别缩进，因此我想知道是否有选项卡可能被解释为空格

HAML文档说明不能在缩进中混合制表符和空格，但没有说明这是否会引发错误或显示为意外行为。

我猜您的HAML实际上产生了如下结果：

<p>
  <br/>
  <span class="footer_links">
    <a href="/links/354/edit">...</a>
     | 
    <form method="post" action="/links/354" class="button_to">
      <div>
        <input name="_method" type="hidden" value="delete"/>
        <input data-confirm="Are you sure?" type="submit" value="Delete"/>
        <input name="authenticity_token" type="hidden" value="MvN6K03y5WcqSZRt4Au3zj+xsKhfZ9EEtkf2M7YCGhk="/>
      </div>
    </form>
  </span>
</p>

<p>...</p>
<form><div>...</div></form>

但这不是有效的HTML:。因此，当浏览器试图解析HTML时，它会注意到它不是有效的HTML，并尽力更正您的HTML。最简单的纠正方法是将有问题的

元素推到

之外，并在此过程中关闭

和

元素，这将产生如下（有效的HTML）结构：

<p>
  <br/>
  <span class="footer_links">
    <a href="/links/354/edit">...</a>
     | 
    <form method="post" action="/links/354" class="button_to">
      <div>
        <input name="_method" type="hidden" value="delete"/>
        <input data-confirm="Are you sure?" type="submit" value="Delete"/>
        <input name="authenticity_token" type="hidden" value="MvN6K03y5WcqSZRt4Au3zj+xsKhfZ9EEtkf2M7YCGhk="/>
      </div>
    </form>
  </span>
</p>

<p>...</p>
<form><div>...</div></form>

...

这看起来和你看到的很像

解决方案是使用有效的HTML，也许您可以使用

而不是最外层的

，并调整CSS以使

div.p

看起来像

。您还必须替换

，因为就像

一样，我猜您的HAML实际上产生了如下内容：

<p>
  <br/>
  <span class="footer_links">
    <a href="/links/354/edit">...</a>
     | 
    <form method="post" action="/links/354" class="button_to">
      <div>
        <input name="_method" type="hidden" value="delete"/>
        <input data-confirm="Are you sure?" type="submit" value="Delete"/>
        <input name="authenticity_token" type="hidden" value="MvN6K03y5WcqSZRt4Au3zj+xsKhfZ9EEtkf2M7YCGhk="/>
      </div>
    </form>
  </span>
</p>

<p>...</p>
<form><div>...</div></form>