Programming/Web

모달창 중앙정렬 하기

hyunipad 2021. 2. 18. 15:50
반응형

모달창 안의 레이어를 화면 크기에 상관없이 중앙에 배치하는 CSS

position: fixed;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);

 

반응형