inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

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

Flex UI 실전 제작(4) – 반응형 상담 신청하기(5)

Flex UI 실전 제작(4) – 반응형 상담 신청하기(5)

275

Next

작성한 질문수 64

1

부모에게 flex를 줬을 때 자식의 display는 어떻게 바뀌나요?

부모인 .parent에 display:flex를 주고 나니 자식인 span태그에 크기를 설정할 수 있게 된걸로 봐선 인라인 블럭이나 블럭으로 바뀐거 같은데 두 성질 모두 가지고 있어서 애매하네요.

인라인 블럭이라면 .parent에 text-align:center를 줬을 때 가운데로 가야하는데 가지 않고

margin:auto를 줬을 때 가운데로 가기 때문에 블럭인 것 같지만 또 width와 height를 주지 않았을 땐 컨텐츠 크기만큼만 크기를 가지는걸로 봐선 블럭이 아니라 인라인 블럭인거 같기도 하구요.

좀 애매한 속성으로 바뀌는거 같아 질문드립니다. 

flex 반응형-웹

답변 1

1

코딩웍스(Coding Works)

플렉스의 자식요소의 display 속성이 어떻게 바뀌는지 까지 깊이 생각해본적은 없는데 좀 전에 해봤거든요.

결론은 블록요소와 인라인블럭요소의 성질을 동시에 갖는 것으로 확인됩니다.

가로배치되면서 크기값을 줄 수 있는건 inline-block

중앙에 보낼 때 margin: auto를 줘야 하는건 block

가로스크롤

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

2742

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

288

2

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

1

220

1

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

1

201

1

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

1

972

1