Я использую jQuery, чтобы позволить пользователю динамически изменять заполнение текста, содержащего DIV.
Я использую ползунок диапазона, который запускает следующее, чтобы обновить заполнение контейнера DIV при изменении:
$('#preview > div').css('padding', ui.value + '%' );
В Firefox это работает нормально, но в Chrome обновляются не все элементы, чтобы отразить новое заполнение.Самый простой способ объяснить это с помощью рисунков:
1. На изображении 1 отступ составляет 5%, а заголовок и текст абзаца центрируются в DIV, как и должно быть.
2. На рисунке 2 я равномерно увеличил отступы вокруг текста, что должно привести к сжатию заголовка и абзацев в более узком столбце, но при этом по центру страницы.Как видите, только первый абзац корректно обновляется, когда я меняю отступы.
Как только это будет сделано, и с неверно расположенным текстом, если я изменю другое свойство стиля (такое как изменение шрифта заголовка)), он немедленно вызывает обновление и правильное расположение всех элементов на странице.
Есть ли команда, которую я могу использовать, чтобы заставить jQuery пересчитать расположение каждого элемента внутри DIV?
Спасибо!