css질문
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는 컨테이너와 그 안에 있는 아이템 간의 관계를 조작하기 위한 도구로 쓰일 수 있습니다. 특히, 요소의 수직 배치, 가로 정렬, 간격 조절 등의 다양한 레이아웃 작업에 사용될 수 있습니다.
적용할 때는 디자인 요구사항 및 레이아웃 배치에 따라 유연성과 편의성을 고려하여 적절한 속성과 값으로 사용하시면 됩니다. 감사합니다!
소스코드즘 부탁드립니다.
0
30
1
윈도우에서 Node js를 설치하고 싶어요
0
42
0
그래프 ql 문서 사용할때 느낌표 남는거 어떻게 없애나요?
0
119
2
강의 전체 소스 코드를 받고싶습니다.
0
116
2
fontawesome 사용 문의
0
118
2
소스 코드 부탁드립니다~
0
129
2
깃 레포지터리 소스
0
123
2
커리큘럼12.css 정렬 에 나오는 과제 정답알고싶어요
0
101
2
10-01 Entity TypeOrmModule.forRoot 에 entities
0
127
3
강의 버전관련 문의입니다
0
128
2
Ubuntu 설치 관련
0
86
1
schema.gql 질문 드립니다.
0
73
1
서버 재실행시 Many to Many
0
150
3
input 관련 문의
0
118
2
Rest API 보다는 graphql이 주된 내용인데
0
161
2
강의 전체 소스코드 받을수있을까요?
0
188
1
도커볼륨 마운트 관련
0
165
2
findOne 타입스크립트오류
0
130
1
http => htrtps 호출 인증서 신뢰 오류
0
402
1
self-signed certificate in certificate chain 에러 발생
0
472
1
mongoose 설치 오류
0
165
1
특정 API, 특정 IP 허용 (단일경로에 CORS 활성화)
0
314
2
08-06
0
207
3
구조랑 패턴 관련해서 질문
0
138
2