是他们的一种方式在萨斯改变数字,四舍五入发生,我想停止四舍五入的数字像这样2.0242914979757085%对此2.024%。我想调整输出css中小数的数量
pieyvz9o1#
一个没有任何额外功能的快速选项是将数字乘以1000,然后四舍五入,然后除以1000。
round($percent * 1000) / 1000;
carvr3hs2#
从SASS更改日志中:现在可以使用命令行的--precision选项设置Sass中数字的数值精度。此外,Sass输出中的默认精度位数现在可以通过设置Sass::Script::Number来更改。精度为整数(默认为3)。由于现在可以更改此值,因此Sass::Script::Number中的PRECISION常量已被弃用。万一你在代码中使用了它,你现在应该使用Sass::Script::Number。precision_factor。这是在SASS 3中添加的。1.8.
--precision
fdbelqdn3#
您可以使用以下函数,这是function created by Takeru Suzuki的一个轻微改进:
@function decimal-round ($number, $digits: 0, $mode: round) { $n: 1; // $number must be a number @if type-of($number) != number { @warn '#{ $number } is not a number.'; @return $number; } // $digits must be a unitless number @if type-of($digits) != number { @warn '#{ $digits } is not a number.'; @return $number; } @else if not unitless($digits) { @warn '#{ $digits } has a unit.'; @return $number; } @if $digits > 0 { @for $i from 1 through $digits { $n: $n * 10; } } @if $mode == round { @return round($number * $n) / $n; } @else if $mode == ceil { @return ceil($number * $n) / $n; } @else if $mode == floor { @return floor($number * $n) / $n; } @else { @warn '#{ $mode } is undefined keyword.'; @return $number; } }
输出:
decimal-round(0.333) => 0 decimal-round(0.333, 1) => 0.3 decimal-round(0.333, 2) => 0.33 decimal-round(0.666) => 1 decimal-round(0.666, 1) => 0.7 decimal-round(0.666, 2) => 0.67
dy2hfwbg4#
您还可以执行以下操作:
@function ceilHundredths($numbers) { $numbers: $numbers * 10000; @if ($numbers < 1) { $numbers: $numbers - 1; } @else { $numbers: $numbers + 1; } @return round($numbers)/ 100#{"%"}; } .test--regular { margin-left: percentage( -1 / 3 ); } .test { margin-left: ceilHundredths( -1 / 3 ); } .test--regular--2 { margin-left: percentage( 1 / 3 ); } .test--2 { margin-left: ceilHundredths( 1 / 3 ); }
nszi6y055#
严格地说,这不是对你的问题的回答,但如果你只是想剥离小数位,你不妨这样做:
font-size: round(12.5); /* => 12 */
它可能适用于不不需要高精度的值,例如字体大小。
brgchamk6#
下面是我的sass舍入函数
@function round($value, $fractionDigits: 0) { $power: math.pow(10, $fractionDigits); @return math.div(math.round($power * $value), $power); }
使用方法:
round(2.0242914979757085%, 3) // 2.024%
不要忘记添加sass:math模块,如下所示:
sass:math
@use "sass:math";
P.S.这是我使用的以下JS方法的sass端口:
export const round = (value, fractionDigits = 0) => { const power = Math.pow(10, fractionDigits); return Math.round(power * value) / power; };
ijxebb2r7#
我们只需使用floor(n*1000)/1000您可以创建自己的自定义函数来执行此操作,例如
floor(n*1000)/1000
@function fn-truncate($value, $places) { $radix: 10; $num: 1; $result : 0; @for $i from 1 through $places { $num: $num * $radix; } $result: math.div(math.floor($value * $num), $num); @return $result; }
输入:
@debug "fn-truncate(123.4999, 2) : #{fn-truncate(123.4999, 2)}"; @debug "fn-truncate(123.4999, 1) : #{fn-truncate(123.4999, 1)}"; @debug "fn-truncate(123.999, 2) : #{fn-truncate(123.999, 2)}"; @debug "fn-truncate(123.6999, 1) : #{fn-truncate(123.6999, 1)}"; @debug "fn-truncate(123.2, 3) : #{fn-truncate(123.2, 3)}"; @debug "fn-truncate(123.123456, 2) : #{fn-truncate(123.123456, 2)}"; @debug "fn-truncate(123, 2) : #{fn-truncate(123, 2)}"; @debug "fn-truncate(123.45, 3) : #{fn-truncate(123.45, 3)}";
输出
src/styles/_functions.scss:65 DEBUG: fn-truncate(123.4999, 2) : 123.49 src/styles/_functions.scss:66 DEBUG: fn-truncate(123.4999, 1) : 123.4 src/styles/_functions.scss:67 DEBUG: fn-truncate(123.999, 2) : 123.99 src/styles/_functions.scss:68 DEBUG: fn-truncate(123.6999, 1) : 123.6 src/styles/_functions.scss:69 DEBUG: fn-truncate(123.2, 3) : 123.2 src/styles/_functions.scss:70 DEBUG: fn-truncate(123.123456, 2) : 123.12 src/styles/_functions.scss:71 DEBUG: fn-truncate(123, 2) : 123 src/styles/_functions.scss:72 DEBUG: fn-truncate(123.45, 3) : 123.45
此外,您可以根据您的要求在**fn-truncate()**中添加更多的检查/处理输入单元等,例如$places不应该为0或您想要如何处理该用例,$value,$places应该是一个使用type-of($value) == 'number'的数字以及您可以想到的更多用例。谢谢
$places
$value
type-of($value) == 'number'
7条答案
按热度按时间pieyvz9o1#
一个没有任何额外功能的快速选项是将数字乘以1000,然后四舍五入,然后除以1000。
carvr3hs2#
从SASS更改日志中:
现在可以使用命令行的
--precision
选项设置Sass中数字的数值精度。此外,Sass输出中的默认精度位数现在可以通过设置Sass::Script::Number来更改。精度为整数(默认为3)。由于现在可以更改此值,因此Sass::Script::Number中的PRECISION常量已被弃用。万一你在代码中使用了它,你现在应该使用Sass::Script::Number。precision_factor。这是在SASS 3中添加的。1.8.
fdbelqdn3#
您可以使用以下函数,这是function created by Takeru Suzuki的一个轻微改进:
输出:
dy2hfwbg4#
您还可以执行以下操作:
nszi6y055#
严格地说,这不是对你的问题的回答,但如果你只是想剥离小数位,你不妨这样做:
它可能适用于不不需要高精度的值,例如字体大小。
brgchamk6#
下面是我的sass舍入函数
使用方法:
不要忘记添加
sass:math
模块,如下所示:P.S.这是我使用的以下JS方法的sass端口:
ijxebb2r7#
我们只需使用
floor(n*1000)/1000
您可以创建自己的自定义函数来执行此操作,例如
输入:
输出
此外,您可以根据您的要求在**fn-truncate()**中添加更多的检查/处理输入单元等,例如
$places
不应该为0或您想要如何处理该用例,$value
,$places
应该是一个使用type-of($value) == 'number'
的数字以及您可以想到的更多用例。谢谢