sass mixin问题

Question

我自己定义的方法

@mixin flex-x-position($align){
    -webkit-box-pack: $align;
    justify-content: flex-$align;
}

调用

.demo{
    @include flex-x-position(center);
}

编译结果，多了一个空格

.demo{
    justify-content: flex- center;
}

---

我用quote 方法，则又会给属性值加上引号调用

@mixin flex-x-position($align){
    -webkit-box-pack: $align;
    justify-content: quote(flex-$align);
}

调用

.demo{
    @include flex-x-position(center);
}

编译结果，多了一个空格

.demo{
    justify-content: "flex-center";
}

有没有大神告诉我改怎么写才能正确输出呢

Answer 1

justify-content: flex-#{$align};

Answer 2

多谢，长时间不用，都忘记了，搜了一圈，不知道如何表达关键词，也没搜到。