Q1. css에서 사용한 요소가 무엇인지 모르겠어요

Question.

.mypost{
  display: flex;
  flex-direction:  column;
  justify-content: center;
  align-items: center;
}

중앙에 배치할 때 4개를 항상 묶음으로 사용하는 요소들인데
각자 어떤 역할을 가지고 있는지가 궁금해요!
display, flex, flex-direction, justify-content, align-items가 어떤 역할인지 알려주세요.(__)

---

Answer by 김종민 튜터님

 

css에서 궁금하신 속성값들은 공식 홈페이지나 구글링을 통해 공부하시면 쉽게 이해하실 수 있으세요!

(저희 튜터들도 전부 외우고 있지는 않아용 ㅠㅠ)

 

• display 속성은 요소를 어떻게 보여줄지를 결정합니다!
• flex-direction는 https://dev-syhy.tistory.com/30 링크를 참조해주세요!
• justify-content는 콘텐츠 항목 사이와 주위에 공간을 분배하는 방법을 정의할 때 사용합니다! (https://developer.mozilla.org/en-US/docs/Web/CSS/justify-content)
• align-items는 flex박스안의 자식들 블록의 방향축을 결정합니다! (https://developer.mozilla.org/en-US/docs/Web/CSS/align-items)

 

 

Answer by 김윤서님

https://studiomeal.com/archives/197

css:flex의 관한 총정리 글인 것 같다.

 

 

오늘의 배울 점: 구글링을 자주 해서 구글링 능력을 기르자..