ChromeのJquery CSSに関する問題

Question

私は、ユーザーがDIVを含むDIVのパディングを動的に変更できるようにするためにjQueryを使用しています。これがないChromeではなく、すべての要素を正常に動作Firefoxでは

$('#preview > div').css('padding', ui.value + '%'); 

はに更新されています：

私は変更に更新コンテナDIVのパディングに次のオフ発射範囲スライダを使用しています新しいパディングを反映します。説明する最も簡単な方法は、画像を使用しています。

1.画像1では、パディングは5％で、見出しと段落のテキストはDIVの中央に配置されています。画像2では

2.、私は同じように、見出しと段落は狭い列に圧縮させなければならないテキスト、周りのパディングを増加させたが、依然としてページの中央に配置しています。ご覧のとおり、パディングを変更すると、最初の段落だけが正しく更新されています。

テキストが正しく配置されていない状態で、別のスタイルプロパティ（見出しフォントの変更など）を変更すると、ページ内のすべての要素がすぐに更新され、正しく配置されます。

jQueryにDIV内のすべての要素の位置を強制的に再計算させるコマンドがありますか？

ありがとうございます！

Answer 1

は注意が必要ですパディングのためのパーセントを使用して

$('#preview div') 

Answer 2

にあなたのセレクタを変更してみてください。 #previewにハードコードされた幅（800ピクセルなど）を与えて、何が起こるかを確認してください。 'パディング'は、適用された要素の親ノードの '幅'に相対的です。

最初のDIVのパディングが増加すると、その要素の幅が増加し、次のDIVのパディング計算が異なることがあります。ブラウザに依存する可能性があります。

この場合、パーセンテージなしで作業することをおすすめします。