Sass基础——数字 Number 函数

2364 4 年前
Sass中的数字也很好理解,不过其数字是可以带单位的,如:10px。Sass中为数字也提供了一些基本的函数来实现某些功能。

percentage($number)

percentage($number):将一个没有符号的数值转换为百分比形式。如果转换的值是一个带有单位的值,那么在编译的时候会报错。

percentage(0.2) => 20%
percentage(100px / 50px) => 200%

round($number)

round($number): 将一个数值四舍五入为最近的整数。

round(10.4px) => 10px
round(10.6px) => 11px

ceil($number)

ceil($number): 返回大于指定数值的一个最小整数。

ceil(10.4px) => 11px
ceil(10.6px) => 11px

floor($number)

floor($number):返回小于参数值的最大整数。

floor(10.4px) => 10px
floor(10.6px) => 10px

abs($number)

abs($number):返回指定数值的绝对值。

abs(10px) => 10px
abs(-10px) => 10px

min($numbers…)

min($numbers…): 从任意多个参数数值中返回最小的一个数值。

min(1px, 4px) => 1px
min(5em, 3em, 4em) => 3em

max($numbers…)

max($numbers…): 从任意多个参数数值中返回最大的一个数值。

max(1px, 4px) => 4px
max(5em, 3em, 4em) => 5em

random()

random(): 生成一个随机数。返回0到1之间的一个伪随机数,可能等于0,但是一定小于1。

分类栏目
© 2018邮箱:11407215#qq.comGitHub沪ICP备12039518号-6