Sass 数字函数

本节我们来看一下 Sass 中的数字函数，就像字符串函数主要用于字符串，Sass 中的数字函数主要用于处理数值。

常用的数字函数：

函数	描述
abs()	返回一个数值的绝对值
ceil()	向上取整
floor()	向下取整
comparable()	返回一个布尔值，判断两个参数是否可以比较
max()	返回最大值
min()	返回最小值
percentage()	将数字转化为百分比的表达形式
random()	返回 0-1 区间内的小数
round()	返回最接近该数的一个整数，四舍五入

abs()函数

abs() 函数用于返回一个数值的绝对值，这个其实很好理解，数学里面我们也有学过绝对值，我们来看一下这个函数的使用。

示例：

.func {
    font-size: abs(-14px);
    padding: abs(10px);
}

编译成 CSS 代码：

.func {
   
  font-size: 14px;
  padding: 10px;
}

ceil()函数

ceil() 函数用于小数的向上取整，不用遵循四舍五入，例如 3.1 向上取整为 4。

示例：

.func {
    width: ceil(10.1px);
    height: ceil(10.9px);
}

编译成 CSS 代码：

.func