美文网首页
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