数学函数
ceil()函数
作用:向上取整
例子:
Less中编写
div{
width:ceil(2.5px);
}
编译结果
div{
width:3px;
}
floor()函数
作用:向下取整
例子:
Less中编写
div{
width:floor(2.5px);
}
编译结果
div{
width:2px;
}
percentage()函数
作用:将浮点数转换为百分比
例子:
Less中编写
div{
width:percentage(2.5px);
width:percentage(1px);
}
编译结果
div{
width:250%;
width:100%;
}
round()函数
作用:四舍五入取整
例子:
Less中编写
div{
width:round(2.5px);
height:round(2.4px);
}
编译结果
div{
width:3px;
height:2px;
}
sqrt()函数
作用:计算一个数的平方根,保持原单位
例子:
Less中编写
div{
width:sqrt(4px);
}
编译结果
div{
width:2px;
}
abs()函数
作用:计算数字的绝对值,保持原单位
例子:
Less中编写
div{
width:abs(-4px);
}
编译结果
div{
width:4px;
}
sin()函数
作用:正弦函数
例子:
Less中编写
div{
width:sin(1); // 1弧度的正弦值,没带单位默认是弧度制
height:sin(1deg); // 1度的正弦值
height:sin(1grad); // 1百分度的正弦值
}
编译结果
div{
width:0.84147098;
height:0.01745241;
height:0.01570732;
}
asin()函数
作用:反正弦函数
cos()函数
作用:余弦函数
acos()函数
作用:反余弦函数
tan()函数
作用:正切函数
atan()函数
作用:反正切函数
pi()函数
作用:返回π
例子:
Less中编写
div{
width:pi();
}
编译结果
div{
width:3.14159265;
}
pow()函数
作用:乘方运算
例子:
Less中编写
div{
width:pow(2px,3); // 2的3次方
}
编译结果
div{
width:8px;
}
mod()函数
作用:取余运算
例子:
Less中编写
div{
width:mod(3px,2); // 3%2=1
}
编译结果
div{
width:1px;
}
min()函数
作用:最小值运算
例子:
Less中编写
div{
width:min(3px,2px,1px);
}
编译结果
div{
width:1px;
}
max()函数
作用:最大值运算
类型函数
isnumber()函数
作用:检查传入参数是否为一个数字,是数字就返回true,不是数字返回false
例子:
Less中编写
.m(@x) when (isnumber(@x)){
x:@x;
}
div{
.m(123);
.m(ABC);
}
编译结果
div{
x:123;
}
isstring()函数
作用:检查传入参数是否为一个字符串,是就返回true,不是返回false
iscolor()函数
作用:检查传入参数是否为一个颜色,是就返回true,不是返回false
iskeyword()函数
作用:检查传入参数是否为一个关键字,是就返回true,不是返回false
isurl()函数
作用:检查传入参数是否为一个url地址,是就返回true,不是返回false
ispixel()函数
作用:检查传入参数是否为一个带像素长度单位的数字,是就返回true,不是返回false
isem()函数
作用:检查传入参数是否为一个带em长度单位的数字,是就返回true,不是返回false
ispercentage()函数
作用:检查传入参数是否为一个带百分比单位的数字,是就返回true,不是返回false
isunit()函数
作用:检查传入参数是否为一个带指定单位的数字,是就返回true,不是返回false
例子:
Less中编写
.m(@x) when (isunit(@x,px)){
x:@x;
}
div{
.m(123);
.m(220px);
.m(220em);
.m(220%);
}
编译结果
div{
x:220px;
}