HAML中元素之间的空格

时间:2013-06-18 22:02:53

标签: haml

您如何在HAML中代表这一点?:

<a>Link</a> | <a>Link</a>

请注意,我想保留条形图两侧的空格。

3 个答案:

答案 0 :(得分:2)

我会写出你所写的,这是完全有效的HAML。您可以将常规HTML嵌入到HAML中:

%h1
  <a>Link</a> | <a>Link</a>

当你用HAML标记时,有时空白会咬你,并且没有很好的办法让你的标签正确出来。这就是HAML为您提供回退HTML选项的原因。

请注意,如果您的链接和|之间只有一个或更多空格,那么您只需编写常规的旧HAML:

%h1
 %a link
 |
 %a link

新行将被保留,并在浏览器中呈现为一个空格,任何类型的空白都将被视为一个空格。

答案 1 :(得分:1)

Put&#39; |&#39;在下一行,新行将被保留,并呈现为空格。

%a link
|
%a link

答案 2 :(得分:1)

meagar的答案就是我如何做到这一点,你也可以使用haml过滤器来准确地编写你需要的HTML。 这可能听起来很脏,但鼓励使用过滤器,请参阅此文章:http://chriseppstein.github.io/blog/2010/02/08/haml-sucks-for-content/