* 가로 중앙정렬
|
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 |
'개발 > CSS' 카테고리의 다른 글
| CSS) 말줄임표 표시 (ellipsis, ellip) (0) | 2022.04.01 |
|---|---|
| CSS) 모바일 반응형 홈페이지 css (media query 사용) (0) | 2022.04.01 |
| CSS) 스크롤 스타일 변경 (0) | 2022.04.01 |