美文网首页
less-数学函数

less-数学函数

作者: 子心_ | 来源:发表于2019-06-13 22:33 被阅读0次
div{
//  width: ceil(2.9999999px);   //1.ceil()函数  向上取整
//  width: floor(2.9999999px);   //1.floor()函数  向下取整
//  width:percentage( 0.5px);  将浮点数转换为百分比

//  取整和四舍五入
//  width:4.5px ;
//  width:round(4.5px) ;
//
//  width:4.4px ;
//  width:round(4.4px) ;

//  计算一个数的平方根,原样保持单位。
//  width: sqrt(16px);
//  width: sqrt(9px);

//  计算数字的绝对值,原样保持单位。
//  top: -999px;
//  top: abs(-999px);

//  width: sin(1);  //1弧度角的正弦值
//  width: sin(1deg);//1角度角的正弦值
//  width: sin(1grad); //1百分度角的正弦值

//  反正弦值
//  width: asin(-0.84147098);
//  width: asin(0);
//  width: asin(2);


//    width: cos(1);  //1弧度角的余弦值
//    width: cos(1deg);//1角度角的余弦值
//    width: cos(1grad); //1百分度角的余弦值

//  width: tan(1);  //1弧度角的正切值
//  width: tan(1deg);//1角度角的正切值
//  width: tan(1grad); //1百分度角的正切值

//  PI
//  width: pi();

//  乘方运算
//  width: pow(2px,2);
//  width: pow(3px,2);
//  width: pow(4px,2);
//  width: pow(25px,0.5);

//  mod()取余
//  width: mod(3px,2);

  width: min(3px,2px,1px);
  width: max(3px,2px,1px);
}

生成的css:

div {
  width: 1px;
  width: 3px;
}

相关文章

网友评论

      本文标题:less-数学函数

      本文链接:https://www.haomeiwen.com/subject/kztyfctx.html