CSS 모달(modal)항상 가운데에 고정 시키기 - 마법의 주문

웹을 만들면서 모달을 만드는 일이 분명 생긴다. 이때 모달을 항상 가운데에 고정시키는 방법이 있다.

  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;

이걸 모달에 적용시키면 끝이다. 쉬운 주문이다.