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

Question

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

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

是否存在添加空格的scape并且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;
}