인프런 영문 브랜드 로고
인프런 영문 브랜드 로고

인프런 커뮤니티 질문&답변

junguk1403님의 프로필 이미지
junguk1403

작성한 질문수

HTML+CSS+JS 포트폴리오 실전 퍼블리싱(시즌1)

CSS 키프레임 애니메이션 활용한 실전 예제 제작 01(원형 크기 변경 로딩 애니메이션)

display:flex

작성

·

204

5

flex에 관한건 안알려주셧는데 이대로 진행하시는건가여?

답변 1

2

안녕하세요. 코딩웍스입니다.

플렉스 이론은 워낙 양이 많아서 이번 강의에 이론으로 다룰 수가 없었습니다. 하지만 플렉스로 가로배치하기, 수직중앙 수평중앙 배치하기... 플렉스 이론 중에 필수적인 3가지는 크게 어렵지 않기 때문에 실전 예제하면서 계속 반복해서 말씀드립니다.

앞으로 실전 예제를 만드는 플렉스 이론은 위에 언급한 3가지 이외에는 사용하지 않습니다. 앞으로 예제 진행하실 때 위의 3가지 말고 플렉스에 대한 이해도가 전혀 필요하지 않습니다.

가로배치하기 : 부모요소에 display: flex;
수평중앙 배치하기 : 부모요소에 justify-content: center;
수직중앙 배치하기 : 부모요소에 align-items: cennter;

junguk1403님의 프로필 이미지
junguk1403

작성한 질문수

질문하기