css проблема при использовании позиции исправлена

Question

пытается изменить размер ui-dialog, но при использовании ниже css, когда я пытаюсь изменить размер, он переходит на верхнюю левую сторону

$('.ui-dialog').css({   
                width: iLength,
                'top':'50%',
                'left': '50%',
                'position': 'fixed',
                'transform': 'translate3d(-50%,-50%, 0)'
            });

любая идея, что я делаю здесь неправильно

также должен работать, когда браузер resized

Я пробовал с позициями относительными и абсолютными, но он не центрируется в любом случае

Answer 1

.parent {позиция: относительная;}
.child {позиция: абсолютная; верх: 50%; слева: 50%; transform: translate (-50%, -50%);}

Используйте это CSS и удалите css.