CSS round() 函数

定义和用法

CSS 的 round() 函数根据指定的舍入策略，将数字舍入为最接近的舍入间隔的整数倍。

实例

使用 round() 根据指定的舍入策略，将数字舍入为最接近的舍入间隔的整数倍：

div.box2 {
  height: round(up, 105px, 25px);
}
div.box3 {
  height: round(down, 120px, 25px;
}
div.box4 {
  height: round(to-zero, 115px, 25px);
}

亲自试一试

CSS 语法

round(rounding-strategy, valuetoround, roundinginterval)
值 描述
rounding-strategy

可选。指定舍入策略。可以是以下值之一：

  • nearest：默认值。将 valuetoround 值舍入为最接近的 roundinginterval 的整数倍
  • up：将 valuetoround 值向上舍入为最接近的 roundinginterval 的整数倍
  • down：将 valuetoround 值向下舍入为最接近的 roundinginterval 的整数倍
  • to-zero：将 valuetoround 值舍入为最接近的 roundinginterval 的整数倍，且更接近零
valuetoround ສະຫຼຸບວ່າຈຳນວນທີ່ຕ້ອງສົ່ງຄືນ (ຈຳນວນ, ສາມາດ, ຂະໜາດຫົວລະບັບຫາສະເພາະການວິທະຍານວິທະຍານປະຕິບັດ).
roundinginterval ສະຫຼຸບວ່າຈຳນວນທີ່ຕ້ອງສົ່ງຄືນ (ຈຳນວນ, ສາມາດ, ຂະໜາດຫົວລະບັບຫາສະເພາະການວິທະຍານວິທະຍານປະຕິບັດ).

ຂໍ້ມູນດ້ານເຕັກນິກ

ຄວາມນັບພາສາ: CSS4

ການພະຍາຍາມບັນດາບັນນາທິການ

ຈຳນວນຂອງຕາຕະລາງໃນຕາຕະລາງໄດ້ສະແດງຄວາມພະຍາຍາມຂອງບັນດາບັນນາທິການທີ່ສະໜັບສະໜູນພວກມັນຄັບທີ່ສຸດ.

Chrome Edge Firefox Safari Opera
125 125 118 15.4 111

ໜ້າທີ່ກ່ຽວຂ້ອງ

参考：ຫົວຂໍ້ຫົວລະບັບ CSS acos()

参考：ຫົວຂໍ້ຫົວລະບັບ CSS asin()

参考：ຫົວຂໍ້ຫົວລະບັບ CSS atan()

参考：ຫົວຂໍ້ຫົວລະບັບ CSS atan2()

参考：ຫົວຂໍ້ຫົວລະບັບ CSS calc()

参考：ຫົວຂໍ້ຫົວລະບັບ CSS cos()

参考：ຫົວຂໍ້ຫົວລະບັບ CSS exp()

参考：ຫົວຂໍ້ຫົວລະບັບ CSS hypot()

参考：CSS log() 函数

参考：CSS mod() 函数

参考：CSS pow() 函数