728x90
반응형
position: absolute;
left: 50%;
transform: translateX(-50%);left -> 전체 넓이에 비례해서 50%
transform: translateX -> 요소의 크기에 비례해서 -50%
반응형
'웹UI > HTML_CSS' 카테고리의 다른 글
| HTML/CSS) position과 z-index로 겹쳐진 영역의 순서 조정이 안될 때 (0) | 2021.04.02 |
|---|---|
| HTML/CSS - animation-fill-mode (애니매이션 실행 후 멈추기) (0) | 2021.03.29 |
| HTML/CSS - html label태그 (0) | 2021.03.26 |
| HTML/CSS - overflow: hidden; 으로 특정 영역만 보이게 (0) | 2021.03.23 |
| HTML/CSS - display: flex; (요소를 수평 구조로 정렬) (0) | 2021.03.19 |
댓글