강의

멘토링

커뮤니티

Cộng đồng Hỏi & Đáp của Inflearn

Hình ảnh hồ sơ của peiliseu905732
peiliseu905732

câu hỏi đã được viết

Bộ sưu tập trang web phản hồi Flex (Những thành phố tuyệt vời nhất thế giới)

[Ví dụ ứng dụng] Lồng phần tử cha con - Canh giữa dọc ngang

질문 있습니다

Viết

·

235

1

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

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

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

 

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

 

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

 

 

flex반응형-웹

Câu trả lời 1

0

codingworks님의 프로필 이미지
codingworks
Người chia sẻ kiến thức

답변이 늦었습니다.

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

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

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

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

Hình ảnh hồ sơ của peiliseu905732
peiliseu905732

câu hỏi đã được viết

Đặt câu hỏi