1. position: absolute 이용하기
부모요소에 relative를 주고 height을 뷰포트 기준으로 잡아준다.
position: relative;
height: 100vh;
중앙정렬을 할 요소에 absolute를 주고 transform으로 요소 사이즈만큼 반대로 이동시킨다.
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
반응형
'Frontend > HTML & CSS' 카테고리의 다른 글
반응형 단계별로 쉽게 접근해보기 (0) | 2022.07.03 |
---|---|
[CSS] height과 min-height 똑같아 보이는데 무슨 차이지? (0) | 2022.05.26 |
[CSS] 11 float + 실습 피드백 (0) | 2022.04.26 |
[CSS] IR(Image Replacement) 기법, .blind & .screen_out (0) | 2022.04.12 |
[CSS] reset.css 그리고 common.css (0) | 2022.04.06 |