팝업창이나 모달창을 화면에 중앙에 띄울때 여러 방법들이 있으나
요즘 가장 많이 쓰는 방법은 바로 flex.
flex 효과 중 익스에서 안먹히는 것들이 있어 초기에는 자주 안 썼으나 지금은 익스를 많이 배제하므로 Pass~~
<div class="box"> <p> 팝업창이나 모달창을 화면에 중앙에 띄울때 여러 방법들이 있으나, 요즘 가장 많이 쓰는 방법은 바로 flex!! </p> </div>
<style>
.box { display: flex; justify-content: center; align-items: center; flex-wrap: nowrap; width: 100%; height: 300px; border: 1px solid #000; text-align: center; }
.box p { width: 300px; height: 200px; border: 1px solid #ff6600; }
</style>
팝업창이나 모달창을 화면에 중앙에 띄울때 여러 방법들이 있으나, 요즘 가장 많이 쓰는 방법은 바로 flex!!