Soy bastante nuevo en JavaScript, jQuery y CSS.

Estoy tratando de cambiar la posición de todo el div externo para que el div interno seleccionado se centre en la pantalla sin cambiar su posición dentro del div externo. Estoy usando jQuery, pero todas las diferentes opciones de anchos, altos, desplazamientos y compensaciones me confunden. No estoy seguro de qué necesito usar y cómo.

Encontré esta solución pero no me funcionó:

 var newX = ($outer.outerWidth(true) / 2) - ($inner.offset().left - $outer.offset().left) - ($inner.outerWidth(true) / 2); var newY = ($outer.outerHeight(true) / 2) - ($inner.offset().top - $outer.offset().top) - ($inner.outerHeight(true) / 2); $outer.css('transform', 'matrix(1, 0, 0, 1, ' + newX + ', ' + newY + ')');

PD: no estoy seguro de si importa, pero mi div externo tiene un relleno masivo. Estoy bastante seguro de que se supone que 'outerWidth/Height' cuenta para eso, pero tal vez sea una de las cosas que estropea las cosas...