How to center modal to the center of screen?

Question

How to center modal to the center of screen? This is my html and js code It works in Chrome console, but when I refresh this page - it doesn't work

$('.modal').css('top', $(window).outerHeight() / 2 - ($(".modal-dialog").outerHeight()) / 2 + 'px'); 

Answer 1

Easy way to solve

.center {   position: absolute;   left: 50%;   top: 50%;   transform: translate(-50%, -50%); }