개발/CSS
CSS) div 가로 세로 중앙정렬
듀비양
2022. 4. 1. 16:14
* 가로 중앙정렬
|
1
2
3
4
5
6
7
8
9
10
|
<style>
.div1{position:relative;}
.my_div {position:absolute;left:50%;transform:translateX(-50%);}
</style>
<div class="div1">
<div class="my_div"></div>
</div>
|
cs |
* 세로 중앙정렬
|
1
2
3
4
5
6
7
8
|
<style>
.div1{position:relative;}
.my_div {position:absolute;top:50%;transform:translateY(-50%);}
</style>
<div class="div1">
<div class="my_div"></div>
</div>
|
cs |