inflearn logo
강의

Course

Instructor

Flex Responsive Website Portfolio (The World's Best Cities)

[Application Example] Nested Parent/Child Vertical/Horizontal Centering

질문 있습니다

242

Won

7 asked

1

사이트를 만들면서 아래처럼 flex를 적용했는데요

위처럼 자식 요소의 내용물이 두개 이상 들어가면 세로중앙 정렬이 안되는데 이럴 경우엔 어떻게 해야되나요? 

각 박스에 값을 줄 경우 위처럼 내용물은 꽉 차나 중앙 정렬이 안되고

 

각 박스마다 값을 안 줄 경우 내용물이 중앙정렬은 되나 역시 값을 주지 않았기에 내용물만큼만 배경을 채워 지저분해 보입니다...ㅠㅠ

 

박스에 값을 줄 경우 box-sizing과 padding을 이용해 중앙정렬을 맞출 수 밖에 없는 건가요? 이 경우 모든 박스의 내용물이 다른데 박스마다 일일이 다른 패딩값을 줘야하나요?

 

 

flex 반응형-웹

Answer 1

0

codingworks

답변이 늦었습니다.

코드를 올려주시면 제가 직접해볼 수 있어서 정확한 답을 드릴 수 있습니다.

지금처럼 캡쳐 화면 올려주시는건 좋습니다.

그런데 html, css 코드가 없어서 해볼 수가 없어요.

html, css 코드를 복사해서 붙여넣기 해주세요. 코드는 캡쳐해서 올리지 마시구요.

가로스크롤

1

459

1

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

1

843

2

반응형 적응형 구분

2

804

2

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

1

360

1

슬릭 슬라이더 버튼

1

370

1

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

1

607

1

x scroll 이 왜 생기는 걸까요?

1

870

1

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

1

249

1

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

1

2743

2

안녕하세요

1

259

1

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

1

289

1

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

1

387

2

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

1

408

2

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

1

764

2

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

1

317

1

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

1

250

1

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

1

300

1

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

1

203

1

그 반응형 질문 있습니다

1

225

1

질문드립니다 강사님

1

290

2

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

1

221

1

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

1

202

1

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

1

973

1

태블릿부분에서 사진이 삐져나오는 부분 질문

2

238

1