【问题标题】:How to add whitespace before a text in HamlJS如何在 HamlJS 中的文本前添加空格
【发布时间】:2016-03-05 00:49:37
【问题描述】:

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

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

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

【问题讨论】:

    标签: ruby node.js haml frontend


    【解决方案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;
    }
    

    【讨论】:

    • 这似乎是正确的做法!我会这样做,但我发现了如何在字符串前添加空格:= " Sign Up"。谢谢!
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2017-07-23
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2019-05-14
    • 1970-01-01
    • 2020-10-17
    相关资源
    最近更新 更多