数字函数

0
视频
0
完成
0%
进度
0
分钟
0
完成
0%
进度

国庆活动:订阅年付会员送 6 个月,重订、续订送 12 个月。订阅 →

http://sass-lang.com/documentation/Sass/Script/Functions.html

Sass 提供了一些函数,可以更方便的去处理一些事情,函数一般都会给我们返回一个值。下面,我们去看几个处理数字的函数。abs() 这个函数可以给我们返回指定的数字的绝对值 ...

使用函数的方法就是,先用函数的名字,然后在括号里把要处理的东西交给函数。abs(10) ... 数字 10 的绝对值就是 10 ... abs(10px) .. 结果是 10px .. abs(-10px) ... -10px 的绝对值是 10px ...

再看几个跟四舍五入相关的函数 ... 在 Sass 里面的除法运算,会保留结果里的小数 ... 如果你想对带小数的数字四舍五入的话,可以使用这些函数 ... round(3.5) ... 结果是 4 ... 因为小数位的数字大于等于5 ,所以结果会进一位 ... 也就是 4 ... round(3.2) .. 结果是 3 。因为小数位小于 5 ...

如果想一直进位的话,可以使用 ceil ... ceil(3.2) ... 结果是 4 ... ceil(3.1) ... 结果仍然是 4 ... ceil 这个函数不管数字里面的小数是否大于 5 ,都会进一位 ...

想要退位的话 ... 用的是在 floor 这个函数 ... floor(3.6) ... 结果是 3 ,虽然 3.6 这个数字的小数大于 5 ... 因为用的是 floor 函数,它会去掉小数位,只保留整数部分 ...

我们可以使用 percentage 这个函数,把一个数字转换成百分数的形式 ... 像这样 ... percentage(650px / 1000px) ... 结果是 65% ...

想得到一组数字里面最小,或者最大的数字,可以使用 min 还有 max ... min(1, 2, 3) ... 返回的结果是 1 ,因为在 1,2,3 这几个数字里面,最小的数字是 1 ..

再试一下取最大数的 max 函数 ... max(1,2,3) ... 结果是 3 ...

http://sass-lang.com/documentation/Sass/Script/Functions.html#number_fun...

数字函数《 Sass 基础 》

统计

11228
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点