ruby - 如何在 HamlJS 中的文本前添加空格

Question

我需要在“注册”之前添加一个简单的空格，以便在图标和文本之间留出一个空格。

%a{ href: "#" }
  %i.fa.fa-user
    Sign Up

是否存在添加空格的情况，而 Haml 编译器无法将其识别为缩进？我将 gulp-haml 与 Visionmedia/haml.js 编译器一起使用。

Answer 1

我认为更好的方法是为图标添加右边距。为此，请向图标添加一个类(我在此处使用 .app-signup-icon)

%a{ href: "#" }
  %i.fa.fa-user.app-signup-icon
    Sign Up

然后在 css 文件中定义带有 margin-right 的 css 规则:

.app-signup-icon {
  margin-right: 10px;
}