如何删除SASS字符串中的空格? [英] How to remove whitespace in SASS string?

问题描述

SASS 中是否有去除字符串中空格的字符串函数?

Is there a string function that remove whitespaces in a string in SASS?

例如，我想使用变量(带空格的字符串)来指定资源图像文件(名称不带空格).

For an instance, I'd like to use a variable (string with spaces) to specify a resource image file (name without spaces).

类似于:

$str-var: "The White Lion";

@mixin bg-img($name) {
  background-image: url("#{$name}.jpg");
}

.image-cover {
  @include bg-img(str-remove-whitespace($str-var));
}

预期结果:

.image-cover {
  background-image: url("TheWhiteLion.jpg");
}

推荐答案

没有这样的内置函数，但是可以通过在字符串中搜索空格并将其剪掉来实现.这样的事情应该可以工作:

There is no such built-in function, but it can be implemented by searching for spaces into string and cutting them out. Something like this should work:

@function str-remove-whitespace($str) {
  @while (str-index($str, ' ') != null) {
    $index: str-index($str, ' ');
    $str: "#{str-slice($str, 0, $index - 1)}#{str-slice($str, $index + 1)}";
  }
  @return $str;
}

您可以在 SASS 文档中看到的可用函数列表.

List of available functions you can see into SASS documentation.

这篇关于如何删除SASS字符串中的空格?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！