獲取項目的寬度，高度和邊距並舍入這些值

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> 

小號o每個值都向上舍入/向下舍入 這可能嗎？

Answer 1

我不知道爲什麼你想這樣做，但你可以使用它的Javascript/jQuery的：

你可以得到元素的寬度和高度與jQuery這樣的：

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

然後使用例如來自javascript的round/ceil方法來獲得四舍五入的值。 要設置寬度和高度，請再次使用jquery width（）/ height（）方法。