获取项目宽度，高度和边距并舍入这些值

Question

是否可以使用jquery使Google Chrome使用元素宽度，高度和边距的整数值？我在CSS中将它们设置为％ - 但希望Chrome的行为类似于Firefox，并将它们向上/向下舍入以制作整个数字......

所以CSS是：

.example {
width: 33.3%;
height: 19.5%;
margin: 0.1%;
}

当Chrome渲染时 - 它会使用以下值进行渲染：

<div class="example" style="width: 33.456px; height: 18.123px; margin: 0.054px;"></div>

我希望它成为：

<div class="example" style="width: 33px; height: 18px; margin: 1px;"></div>

因此每个值都向上/向下舍入 这可能吗？

Answer 1

我不知道你为什么要这样做，但你可以使用Javascript / jquery：

您可以使用jquery获取元素宽度和高度，如下所示：

var width = $(".example").width();
var height = $(".example").height();

然后使用例如来自javascript的round / ceil方法来获取舍入值。 要设置宽度和高度，请再次使用jquery width（）/ height（）方法。