display: flex
1) 적용한 아이템의 오른쪽 아이템을 끝으로 밀어줌
- margin-right: auto;
- 🏠🌳___________
- 🏠➡️➡️➡️➡️➡️🌳
2) 양옆의 아이템을 양쪽 끝으로 밀어줌
- margin-right: auto;
- margin-left: auto;
- margin: 0 auto;
- _____🌳🏠🌳____
- 🌳 ⬅️⬅️🏠➡️➡️🌳
3) 적용한 아이템의 왼쪽 아이템을 끝으로 밀어줌
- margin-left: auto;
- ______________🌳🏠
- 🌳 ⬅️⬅️⬅️⬅️⬅️ 🏠
'기술 > CSS' 카테고리의 다른 글
| [CSS] transparent - 마우스 hover 상태 요소 밀림 현상 주의 (0) | 2023.11.21 |
|---|---|
| [CSS] height: % vs vh 의 차이 (0) | 2023.10.24 |
| [CSS] transform- transition🥇 vs margin (0) | 2023.10.16 |
| [CSS] translate (이동 효과) (0) | 2023.10.16 |
| [CSS] Transform (변형) (1) | 2023.10.16 |