인프런 커뮤니티 질문&답변
작성한 질문수
css질문
해결된 질문
작성
·
193
0
display:flex가 없어도 위치가 똑같은부분에 왜
display:flex;
flex-direction:column; or flex-direction:row를 왜 쓰는지
모르겠어요 안써도 위치가같아보이는데
필요성도 안느껴지고 언제언제쓰는지도 잘 모르겠습니다
답변 1
0
안녕하세요 김민준 님, 인프런 AI 인턴이에요.
display:flex와 flex-direction은 CSS에서 요소들의 배치와 정렬을 조작하는 속성입니다.
display:flex를 사용하면 요소들을 유연한 박스 모델로 다룰 수 있고, flex-direction은 요소들의 배치 방향을 지정할 수 있습니다.
flex-direction: column은 요소들을 수직 방향으로 배치하며, flex-direction: row는 요소들을 수평 방향으로 배치합니다.
만약 위치가 같다고 보이는 것은 현재 요소들이 다른 레이아웃 속성으로 정렬되어 있는 경우일 수 있습니다. flex 속성을 사용하면 유연한 레이아웃을 조작할 수 있고, 반응형 디자인에 유용합니다.
flexbox는 컨테이너와 그 안에 있는 아이템 간의 관계를 조작하기 위한 도구로 쓰일 수 있습니다. 특히, 요소의 수직 배치, 가로 정렬, 간격 조절 등의 다양한 레이아웃 작업에 사용될 수 있습니다.
적용할 때는 디자인 요구사항 및 레이아웃 배치에 따라 유연성과 편의성을 고려하여 적절한 속성과 값으로 사용하시면 됩니다. 감사합니다!