アイテムの幅、高さ、余白を取得し、それらの値を丸める

Question

jqueryを使用して、要素の幅、高さ、および余白に全図値を使用することはできますか？

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

とChromeはこれをレンダリング：だからCSSがある...

をしかしクロムは、全体の数字を作るためにFirefoxのように振る舞い、それらのラウンドアップ/ダウンしたい - 私はCSSで％として、それらを設定しています - それは、以下のような値でレンダリング：

<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> 

S各値は切り上げられます。 これは可能ですか？

Answer 1

あなたがそれをやりたい理由を私は知らないが、あなたはそれのためにJavascriptを/ jQueryのを使用することができます。

あなたはこのようなjQueryを使って要素の幅と高さを得ることができます。

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

その後使用例round/ceilメソッドをjavascriptから呼び出して、丸められた値を取得します。 幅と高さを設定するには、jquery width（）/ height（）メソッドを再度使用します。