如何在 <img> 之后立即关闭 <a> 标签？

Question

这就是我正在做的事情：

%p
  %a{href:'/a'}
    %img{src:'/img'}

这是 HTML 中的样子：

<p>
<a href="/a">
<img src="/img">
</a>
</p>

我需要这个：

<p>
<a href="/a"><img src="/img"></a>
</p>

我应该如何处理我的 HAML 配置或 .haml 代码？我在 Sinatra。

Answer 1

最干净的选择可能是在 css 中包含如下内容：

a > img { display: inline-block }

Answer 2

这看起来像是 whitespace removal feature 的情况：

%p
  %a{href:'/a'}<
    %img{src:'/img'}

或：

%p
  %a{href:'/a'}
    %img{src:'/img'}>

两者产生相同的输出：

<p>
<a href='/a'><img src='/img'></a>
</p>

How to close <a> tag right after <img>?