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

Question

我需要在「註冊」之前添加一個簡單的空格，以在圖標和文本之間留出空格。

%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文件中的保證金權定義CSS規則：

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