1. 犀牛前端部落首页
  2. CSS教程

CSS calc()函数

CSS calc()函数

calc()函数允许对值执行基本的数学操作,当需要从百分比中添加或减去长度值时,它特别有用。

它是这样工作的:

div {
	max-width: calc(80% - 100px)
}

它返回一个长度值,因此可以在需要像素值的任何地方使用它。

您可以执行:

  • 增加使用+
  • 减少使用,
  • 乘法使用*
  • 除法使用/

需要注意的是:对于加法和减法,操作符周围的空格是必须的,否则它不能按预期工作。

例:

div {
	max-width: calc(50% / 3)
}
div {
	max-width: calc(50% + 3px)
}

原创文章,作者:犀牛前端部落,如若转载,请注明出处:https://www.pipipi.net/4618.html

发表评论

登录后才能评论