inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

플렉스(Flex) 반응형 웹사이트 포트폴리오(The World's Best Cities)

[응용 예제] 플렉스 시멘틱 레이아웃(반응형)

신기한 가운데 정렬에 대해

151

leeyucha

작성한 질문수 3

1

선생님 11:18 에서 가운데 정렬에 대해 질문 있는데요

 .left 에 flex를 지정하면 [Aside #1]가 차일드가 된다는 말씀 조금만 더 설명해 주세요. 

반응형-웹 flex

답변 1

1

코딩웍스(Coding Works)

부모요소 자식요소에 대한 기본적인 이해도가 필요합니다.

자식요소라는게 태그만을 의미하는 것은 아닙니다. 최종적인 자식요소는 텍스트가 됩니다.

예들들어 아래와 같은 html이 있다고 할게요.

<div class="parent">

  <div class="child">Text</div>

</div>

.parent 밑에 있는 .child는 .parent의 자식요소입니다.

.child는 'Text' 라는 순수한 텍스트를 자식요소로 갖습니다.

곧 .left라는 div안에 'Aside #01' 이라는 텍스트 내용 역시 텍스트 내용을 감싸고 있는 .left의 자식요소라는 의미입니다.

그렇기 때문에 정렬도 자식요소 개념으로 할 수 있다는 설명입니다.

0

leeyucha

선생님

설명 정말 감사합니다.

덕분에 새로운 원리를 습득했습니다.

감사합니다.

가로스크롤

1

458

1

상위 태그 영역 무시 하는 방법

1

842

2

반응형 적응형 구분

2

802

2

flex가 적용되면 하위에 있는 인라인의 속성은?

1

359

1

슬릭 슬라이더 버튼

1

370

1

slick 모바일로 변환했을때..

1

607

1

x scroll 이 왜 생기는 걸까요?

1

870

1

영상 16분 field margin-left 문제 (다운로드 교재도 동일한 문제)

1

249

1

모바일에서 이미지 짤림 현상

1

2738

2

질문 있습니다

1

241

1

안녕하세요

1

259

1

모바일버전에서 스크롤이 생겨서요 ㅜㅜ

1

289

1

반응형 헤더 네비게이션 공부중인데요. 궁금한것이 있어서요.

1

387

2

슬라이딩 스크롤이 이상하게 먹혀요!

1

407

2

slick slider 하는데 패딩이 안먹혀요

1

764

2

제이쿼리 부드럽게 스크롤할때 제이쿼리에 밑줄오류가 있습니다.

1

317

1

혹시 이 강의 싸이트를 혼자의 힘으로 만들수 있으면 어느정도 실력정도 되나요?

1

250

1

소스랑 자료 다운로는 어디서 받을 수 있나요?

1

299

1

반응형 헤더 네비게이션 강의 질문있습니다.

1

203

1

그 반응형 질문 있습니다

1

225

1

질문드립니다 강사님

1

287

2

flex 레이아웃 배치 질문있습니다.

1

219

1

미디어쿼리 반응형 만들때 사이즈 질문있습니다.

1

199

1

인라인요소인 label 에 margin-bottom 이 되다니... 어렵습니다.

1

971

1