인프런 커뮤니티 질문&답변
작성한 질문수
질문 있습니다
작성
·
169
1
사이트를 만들면서 아래처럼 flex를 적용했는데요
위처럼 자식 요소의 내용물이 두개 이상 들어가면 세로중앙 정렬이 안되는데 이럴 경우엔 어떻게 해야되나요?
각 박스에 값을 줄 경우 위처럼 내용물은 꽉 차나 중앙 정렬이 안되고
각 박스마다 값을 안 줄 경우 내용물이 중앙정렬은 되나 역시 값을 주지 않았기에 내용물만큼만 배경을 채워 지저분해 보입니다...ㅠㅠ
박스에 값을 줄 경우 box-sizing과 padding을 이용해 중앙정렬을 맞출 수 밖에 없는 건가요? 이 경우 모든 박스의 내용물이 다른데 박스마다 일일이 다른 패딩값을 줘야하나요?
답변 1
0
코딩웍스(Coding Works)
지식공유자
답변이 늦었습니다.
코드를 올려주시면 제가 직접해볼 수 있어서 정확한 답을 드릴 수 있습니다.
지금처럼 캡쳐 화면 올려주시는건 좋습니다.
그런데 html, css 코드가 없어서 해볼 수가 없어요.
html, css 코드를 복사해서 붙여넣기 해주세요. 코드는 캡쳐해서 올리지 마시구요.