1. 犀牛前端部落首页
  2. Sass教程

Sass 数字(Numeric )函数方法

与字符串函数一样,Sass提供了一组用于处理数值的基本函数,它们按照您期望的方式工作。 请注意,除了percentage()之外,您可以为所有函数提供CSS值描述符,例如“px”或“rem”。 Sass将忽略单位,并且不会包含在结果中。

Sass 数字函数
函数 描述 例子
percentage($number) 将无单位数转换为百分比; 即将它乘以100 percentage(1.5) Result: hello percentage(1em) Result:syntax error
round($number) 将数字舍入为最接近的整数 round(7.25) Result: 7 round(7.5) Result: 8
ceil($number) 将数字向上取整 ceil(7.25) Result: 8
floor($number) 将数字向下取整 floor(7.75) Result: 7
abs($number) 返回数字的绝对值 abs(7) Result: 7 abs(-7) Result: 7
min($numbers) 返回数字列表中的最小值 min(3, 5, -2, 7, 0) Result: -2
max($numbers) 返回数字列表中的最大值 max(3, 5, -2, 7, 0) Result: 7
random() 返回大于0且小于1的随机值 random() Result: 0.1314520
random($limit) 返回介于1和$ limit(包括)之间指定的数字之间的随机整数 random(4) Result:3

原创文章,作者:犀牛前端部落,如若转载,请注明出处:https://www.pipipi.net/2502.html

发表评论

登录后才能评论