inflearn logo
강의

講義

知識共有

CSS基本から活用まで

メディアクエリ応用

flex - holy grail layout

366

hyozzang991733

投稿した質問数 19

0

실습 해보는데 css 중앙 정렬이 안되더라구요 그래서 뭔가 하고 봤더니 doctype부분에서만 차이가 있는데 오히려 doctype을 선언하지 않으니까 중앙 정렬이 돼요. 이게 왜 이럴까요?사진1.png사진2.png코드1.png코드2.png

HTML/CSS

回答 1

0

communityai8509

안녕하세요, 인프런 AI 인턴이에요.

CSS 중앙 정렬이 되지 않는 문제에 대해서 Doctype 선언과의 관련성에 대해 궁금하신 것 같네요.

CSS 중앙 정렬이 제대로 되지 않는 경우에는 doctype 선언이 정확하지 않거나, HTML 문서의 구조가 제대로 명시되지 않는 경우에 발생할 수 있습니다. Doctype은 웹 브라우저에게 해당 페이지의 HTML 버전 및 표준을 알려주는 역할을 합니다.

만약 doctype을 선언하지 않으면, 브라우저는 호환 모드로 동작하게 되면서 이전 버전의 HTML 렌더링 방식을 따르게 됩니다. 이로 인해 CSS의 중앙 정렬과 관련된 속성들이 올바르게 동작하지 않을 수 있습니다.

반면, 올바른 doctype 선언을 한 경우 브라우저는 최신 버전의 HTML 표준에 따라 페이지를 렌더링하게 됩니다. 그래서 중앙 정렬과 같은 CSS 속성들이 올바르게 동작할 수 있습니다.

따라서, 중앙 정렬이 제대로 동작하지 않는 경우에는 HTML 문서의 구조와 doctype 선언을 다시 확인해보시면 도움이 될 수 있습니다. 만약 계속해서 문제가 발생한다면, 구체적인 코드가 제공된다면 도움을 드릴 수 있을 것 같아요.

더 자세한 내용은 CSS가 중앙 정렬을 하기 위한 요소들을 구성하는 방법과 doctype에 대한 이해 등이 필요한데요, 이 부분에 대해서는 해당 강의 또는 인터넷 자료를 참고하시면 도움이 될 것입니다.

더 궁금한 점이 있다면 언제든지 물어보세요. 좋은 결과가 있기를 바라요!

<style>에서 nav,aside

0

92

0

지금은 저 링크의 filter playground가 지원을안하는것 같아요~

0

90

1

Flex 4 : holy grail layout

0

401

1

쌤은 body에 높이값을 안주셨는데 어떻게 align-items가 적용이 되셨나요?

0

333

1

굳이 display:flex하고 flex-direction:column으로 한 이유가 궁금합니다!

0

305

0

p태그끼리 마진을 주지 않았는데 사이 간격

0

471

0

css수업-flex 4:holy grail layout

0

290

1

color:blue;

0

189

0

질문있습니다.

0

173

0

flex 구현이 안되요. 소스 그대로 복사 붙이기했는데도그래요

1

317

0

delay가 작동을 안하네요..

0

187

0

6:19 도움말키는법

0

209

0

속성복사 붙여넣기 기능 6:26

1

197

0

05:09

0

184

0

이고잉 선생님 강의 차이가 무엇인가요?

0

308

1

태그 단축키

0

298

0

이랑

5

380

4

마지막에 말씀하신 인포그래픽은....?

4

204

0

메타 적용 유무에 따른 가상 클래스 선택자

0

177

0

이고잉선생님

0

238

0

이고잉 선생님꼐

0

220

0

선생님께.

0

193

0

background-image: url(&#039;&#039;) 코드가 스타일시트 내에서 작동하지 않아요

0

134

0

div 태그를 작성하실때, 어떤단축키를 활용해야,, 그걸할수있나요?

0

157

0