sass mixin问题

我自己定义的方法

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

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

网友回答：

• StinsonZhao 2017-1-9 2:08 回复:
  已被采纳

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

---

• jsoncode 2017-1-9 2:10 回复:

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