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

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

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

是否存在一个添加空格的过程，而Haml编译器不会像缩进那样识别它？ 我正在用visionmedia / haml.js编译器使用gulp-haml。

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; }