Sass-unitless()函数

Unitless函数应用解析

最新推荐文章于 2024-12-14 11:08:15 发布

weixin_33752045

最新推荐文章于 2024-12-14 11:08:15 发布

阅读量298

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/qjuly/p/9114146.html

本文介绍了unitless()函数的使用方法及其应用场景。该函数用于判断数值是否有单位，若无单位则返回true，反之返回false。此外，文章还提供了一个利用unitless()函数的例子，展示了如何在实际开发中为无单位的数值添加默认单位。

unitless() 函数相对来说简单明了些，只是用来判断一个值是否带有单位，如果不带单位返回的值为 true，带单位返回的值为 false：

>> unitless(100)
true
>> unitless(100px)
false
>> unitless(100em)
false
>> unitless(100%)
false
>> unitless(1 /2 )
true
>> unitless(1 /2 + 2 )
true
>> unitless(1px /2 + 2 )
false

// 判断如果没有单位则加上单位"px"
@mixin adjust-location($x, $y) {
  @if unitless($x) {    
    $x: 1px * $x;
  }
  @if unitless($y) {    
    $y: 1px * $y;
  }
  position: relative; 
  left: $x; 
  top: $y;
}

.botton{
    @include adjust-location(20px, 30);
}

转载于:https://www.cnblogs.com/qjuly/p/9114146.html