html – CSS如何将百分比值舍入为整数像素

概述在CSS中,当宽度,高度,边距等使用百分比时,结果有时会以小数像素长度返回,例如, 100.25px.我想知道如何将其舍入到下一个整数.这似乎是一个非常普遍的问题;我经常搜索它,但尚未找到解决方案. 例如,在下面的代码中,Chrome将50.6px舍入到50px,这不是数学标准. background: -webkit-gradient(linear, left top, left bottom, 在CSS中,当宽度,高度,边距等使用百分比时,结果有时会以小数像素长度返回,例如,100.25px.我想知道如何将其舍入到下一个整数.这似乎是一个非常普遍的问题;我经常搜索它,但尚未找到解决方案.

例如,在下面的代码中,Chrome将50.6px舍入到50px,这不是数学标准.

background: -webkit-gradIEnt(linear,left top,left bottom,color-stop(0%,#f9e7d0),color-stop(72%,#207cca),#b08b5b),color-stop(100%,#b08b5b));

在JavaScript中,这可以使用ceil函数实现,但它可以在纯CSS中完成吗？

解决方法 浏览器会自动舍入小部分像素 – 一些向上,一些向下;这是硬编码到浏览器中所以没有办法强迫它用CSS做一个或另一个.

更深入地了解不同浏览器如何处理小数像素可以找到here.

总结

以上是内存溢出为你收集整理的html – CSS如何将百分比值舍入为整数像素全部内容，希望文章能够帮你解决html – CSS如何将百分比值舍入为整数像素所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。