flex-start vs start의 차이는 뭘까?

잘 쓰지는 않지만 그래도 궁금한 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도 잘 설명되어 있습니다.

What's the difference between the alignment values of start, flex-start, and self-start?

CSS Layout News

What's the difference between the alignment values of start, flex-start, and self-start?

다음 내용이 궁금하다면?

또는

이미 회원이신가요?

2023년 8월 30일 오후 3:11

댓글 1