在HAML中结合图片和文字

Question

我正在尝试在 HAML 中输出 text + image + text。我知道我能做到

=image_tag('some.png') + "text"

让文字紧跟在图片之后。但是我怎样才能在前面加上一些文字呢？

="text" + image_tag('some.png') + "text"

不起作用。我得到的是

text
<img alt="" src="some.png" />text

在第一个文本和图像之间呈现空白。我宁愿

text<img alt="" src="some.png" />text

我第二次尝试渲染

text&lt;img alt=&quot;&quot; src=&quot;some.png&quot; /&gt;text

Answer 1

试试这个
查看文件：

%span
  = "text".html_safe
  = image_tag('/apple-icon-57x57.png')
  = "text"

css 文件:

span img { display: inline; }

Answer 2

一种解决方案是渲染一个包含文本和图像的新图像。这样他们总是看起来连在一起。

Combine picture and text in HAML