Comment fermer <a> tag juste après <img>? Ce

Question

est ce que je fais:

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

C'est à quoi il ressemble dans le code HTML:

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

Je dois ceci:

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

Que dois-je faire à ma config HAML ou le code .haml? Je suis avec Sinatra.

Answer 1

Cela ressemble à un cas pour la whitespace removal feature:

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

ou:

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

à la fois produire la même sortie:

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

Answer 2

L'option la plus propre serait probablement inclure dans css quelque chose comme:

a > img { display: inline-block }