CSS log() 函数

定义和用法

CSS 的 log() 函数返回指定数字的自然对数（以 E 为底），或返回指定底数的对数。

自然常数 E（2.718281828459045）是自然对数的底数。

实例

使用 log() 计算宽度：

div.a {
  width: calc(log(50, 10) * 30px);
}

div.b {
  width: calc(log(500) * 30px);
}

div.c {
  width: calc(log(1000) * 30px);
}

div.d {
  width: calc(log(10000, 10) * 30px);
}

div.e {
  width: calc(log(50000, 10) * 30px);
}

亲自试一试

CSS 语法

log(number, base)
值 描述
number 必需。指定要计算对数的数字或值。
base 可选。指定对数的底数。默认值为 E（2.718281828459045）。

技术细节

版本： CSS4

浏览器支持

表格中的数字表示首个完全支持该函数的浏览器版本。

Chrome Edge Firefox Safari Opera
120 120 118 15.4 106

相关页面

参考：CSS acos() 函数

参考：CSS asin() 函数

参考：CSS atan() 函数

参考：CSS atan2() 函数

参考：CSS calc() 函数

参考：CSS cos() 函数

参考：CSS exp() 函数

参考：CSS hypot() 函数

参考：CSS mod() 函数

参考：CSS pow() 函数

参考：CSS sin() 函数

参考：CSS sqrt() 函数

参考：CSS tan() 函数