열정 실천

[CSS 010] FLEXBOX 안에서 각각 좌우 정렬하기 본문

카테고리 없음

[CSS 010] FLEXBOX 안에서 각각 좌우 정렬하기

구운오니 2023. 4. 6. 20:01
728x90

 

 

앞서 배운 FLEX 속성 중에 한 개의 아이템에만 세로 정렬을 따로 주고 싶을 때  align-self 속성을 이용했다. 

 

 

하지만 다음과 같이 좌우 정렬을 각각의 아이템에 적용하는 속성은 무엇일까?!

 

 

 

 👀 정답은?? 👀

 

속성이 아닌 margin을 이용한다!!

 

 

 

 

디폴트

 

여기서 5번 박스를 오른쪽 끝에 붙이고 싶다면?

5번 박스에 margin값을 auto로 지정하면된다!!😎  (쉽쥬?)

 

 

 

 


 

 

 

 


 

 

 

 

 

 

728x90