잘 쓰지는 않지만 그래도 궁금한 CSS 속성. align-items: flex-start와 align-itmes: start는 무슨 차이일까?
https://csslayout.news/whats-the-difference-between-the-alignment-values-of-start-flex-start-and-self-start/
핵심 요약
- flex-start는 컨테이너의 방향을 따라가고, start는 글자모드의 방향을 따라간다.
ex) 글자순서가 ltr(left to right) 이고 flexbox가 row-reverse라면,
flex-start: flexbox의 방향을 따르므로 오른쪽에 배치된다. [ 2 1 ]. (row-reverse 이니까)
start: 글자순서가 ltr이므로 왼쪽에 배치된다. 그러나 row-reverse이므로 컨텐츠 순서는 뒤집혀있다. [ 2 1 ]
설명보다 그냥 눈으로 실제로 보는게 더 이해하기 빠르므로 본문은 꼭 한번씩 읽어 보시길 바랍니다.
ps. 자매품 flex-start vs self-start도 잘 설명되어 있습니다.