Sass中如何结合插值使用math round函数实现宽度值取整？

直接修改你的@for循环代码，利用已引入的sass:math模块中的round()函数对宽度值进行四舍五入取整：

@for $i from 1 through 12 {
    .col-print-#{$i} {
        width: #{math.round($i * 8.33)}%;
        float: left;
    }
}

关键说明： #

• 将原本的$i * 8.33计算逻辑作为参数传入math.round()，实现数值四舍五入到最近整数
• 通过插值语法#{}将取整后的数值与百分号%拼接，生成整数百分比的宽度属性值

这样编译后，.col-print-11的宽度就会变成92%，符合你要的整数百分比需求。

内容的提问来源于stack exchange，提问作者Ragunath Srinivasan