Centrar un div con jquery

Para centrar un div horizontalmente y verticalmente normalmente se usa css para ello. Pero a veces es imposible hacerlo mediante css, porque cada usuario tiene una resolucion en su pantalla diferente, al mismo tiempo que empleamos menos tiempo en centrarlo mediante jquery y javascript, ya que no tenemos que estar calculando anchos y altos.
He encontrado una función muy sencilla a la que le pasamos la clase o el id del div y lo centrará automáticamente en la pantalla.

Con la función $(window).width() y $(window).height() obtenemos el ancho y altura de la ventana abierta.
Con la función outerWidth() y outerHeight() obtenemos el ancho y altura del div.

$(document).ready(function(){
 
     $(window).resize(function(){
          $('#contenedor_caja').css({
               position:'absolute',
               left: ($(window).width() - $('#contenedor_caja').outerWidth())/2,
               top: ($(window).height() - $('#contenedor_caja').outerHeight())/2
          });
 
	});
 
// Ejecutamos la función
$(window).resize();
 
});

<div id="contenedor_caja"> 
<p>Contenido del div</p> 
</div>

Tags de búsquedas:

mostrar un div dentro de un dialog jquery,centrar div con javascript,centrar div en pantalla,cambiar el tamaño de un div con jquery boton,poner una imagen en el centro con jquery,funcion window height,jquery centrar div en pantalla firefox,jquery centrar div,jquery center div,javascript situar div en una posición,javascript centrar div en pantalla,css alinear div en jquery,javascript centar div,div centro pagina jquery,hacer que un dialog jquery centrado