如何更新 HAML 以使链接出现在文本之后答案

【问题标题】：How to update HAML so that link appears right after text如何更新 HAML 以使链接出现在文本之后
【发布时间】：2012-05-25 14:31:10
【问题描述】：

我正在使用 HAML 来显示我的文本以及它后面的链接

.thread_text
  %a{href:"#"} <%= question.text %>
%span.remove_link
  %a{href: "#"} remove

显示是这样的

但是，我真正想要的是让“删除”链接出现在“最近”之后。

如何修改 HAML 以实现此目的？

【问题讨论】：

【解决方案1】：

试试这个：

.thread_text
  %a{href:"#"} <%= question.text %>
  %span.remove_link
    %a{href: "#"} remove

或者更好：

.thread_text
  %a(href="#")= question.text
  %span.remove_link
    %a(href="#") remove

如果你有正确的 css，它应该可以工作。此外，您不一定需要span：http://jsfiddle.net/DfBJv/2

【讨论】：

我同意。为了启发，我指出删除链接位于下一行的原因是thread_text 是div。将删除链接移动到 thread_text 中可以解决这个问题，就像使 thread_text 成为像 span 这样的内联元素一样。
@BuckDoyle，感谢您的评论。但是，在我看来，图片中的 div 宽度有限，因此不能用作内联标签。比较这个jsfiddle.net/DfBJv/2 和这个jsfiddle.net/DfBJv/3。