less - 可以使用 LESS CSS 对数字进行四舍五入（数学项）吗？

Question

少 CSS = http://lesscss.org/

我声明了一个变量，像这样......@height: 30px

然后我用一个简单的计算，像这样......line-height: @height * .666

它回来19.98px了，但我想要一个均匀的20px

那么，LESS CSS 是否有办法向上或向下舍入数字？

Answer 1

Yes they can:

line-height: ceil(@height * .666);      // 20px (round up)
line-height: floor(@height * .666);    // 19px (round down)
line-height: round(@height * .666);     // 20px (round to closest integer)
line-height: round(@height * .666, 1);  // 20.0px (round to 1 decimal place)

Answer 2

http://lesscss.org/functions/有关lesscss 函数的列表， floor 包含在“数学函数”标题下。