inflearn logo
강의

Khóa học
Chia sẻ kiến thức

Một trại huấn luyện phát triển toàn diện thực sự dành cho những người không chuyên ngành

[그랩마켓] Triển khai giao diện web - 1

flex로 가운데 정렬을 하고 싶은데 어디를 수정해야 하나요?

245

slow

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

1

html
<html>
  <head>
    <title>market</title>
    <link href="index.css" type="text/css" rel="stylesheet" />
    <script></script>
  </head>
  <body>
    <div id="header"></div>

    <div id="parent">

      <div id="body">
        <div id="banner">배너이미지</div>
        <h1>판매되는 상품들</h1>
        <div id="productlist"></div>
      </div>
     
    </div>

    <div id="footer"></div>
  </body>
</html>
css
#header {
  height: 64px;
  background-color: black;
}
#parant {
  display: flex;
  flex-direction: row;
}

#body {
  justify-content: center;
  width: 1024;
  height: 100%;
  background-color: blue;
}

#footer {
  height: 200px;
  background-color: red;
}
#banner {
  height: 300px;
  background-color: yellow;
}
부모를 만들고 body를 자식으로 넣고
부모에 display:flex를 적용
자식인 body에 justifiy-content:center를 적용했는데
생각처럼 작동을 안해요... 어디서 수정을 해야 할까요?
 
 
 

express nodejs javascript react HTML/CSS react-native 머신러닝 배워볼래요? tensorflow

Câu trả lời 2

2

nobasecoding

부모에 justifiy-content:center 을 줘야 자식에게 적용되는거 아닌가요??

0

slow

구원자... 감사합니다 ㅠㅠ

0

grab

지훈님께서 잘 답변해주셨네요! 감사합니다 :)

[해결]그랩님 답변 주세요.

0

160

2

그랩님의 답변을 기다립니다/102강 전반적인 에러

0

140

2

[그랩님께]101강 안드로이드 에러들(Key prop)해결방법 궁금합니다.

0

122

2

[재질문][그랩님 답변 부탁드립니다]101강

0

135

2

[그랩님 답변 부탁드립니다]101강 Axios 에러와 502 Bad Gateway 질문

0

96

2

Ngrok 설치 후 forwarding Url 에러

0

129

2

[그랩님께,Ngrok 악성코드 인식 해결방법]질문 드립니다.

0

215

2

Ngrok 설치 후 forwarding Url로 연결 불가

0

133

1

그랩님,[꼭] 답변 부탁드립니다.

0

64

1

[꼭][[꼭] 그랩님, 답변 부탁드립니다], Failed to load resource: the server responded with a status of 404 (Not Found) 상품 상세 페이지 질문입니다.

0

148

1

6강/7강 수업

0

49

1

그랩님, 상품 상세 페이지 에러와 의문점 질문드립니다.

0

98

2

그랩님, 해결되지 않은 에러 메시지 [꼭] 답변 부탁 드립니다.

0

133

2

[재 질문]Cannot read properties of undefined (reading 'map') TypeError: Cannot read properties of undefined (reading 'map') 에러 해결 어떻게 하나요?

0

88

1

Cannot read properties of undefined (reading 'map') TypeError: Cannot read properties of undefined (reading 'map') 에러 해결 어떻게 하나요?

0

126

2

일반적인 css 꾸미기에서 width와 height의 값?

0

87

2

Windows에서의 업로드 후 홈화면 상품이미지 오류 해결방법

0

191

1

그랩마켓 웹화면 구현하기 -2 질문입니다.

0

118

1

react에 반영이 되지 않습니다.

0

234

1

터미널 npm install -g create-react-app 작성 후 오류

0

418

1

create-react-app my app 실행 시 에러

0

351

2

포스트맨 질문

0

97

1

<꼭 답변 부탁 드립니다>그랩선생님, [컴포넌트 사용하기] 강의에서 질문 있습니다.

0

258

2

그랩선생님, 질문 답변 부탁 드립니다.vscode에서 npm install -g create-react-app 입력 후 에러 입니다.

0

472

2