flex - holy grail layout
366
投稿した質問数 19
실습 해보는데 css 중앙 정렬이 안되더라구요 그래서 뭔가 하고 봤더니 doctype부분에서만 차이가 있는데 오히려 doctype을 선언하지 않으니까 중앙 정렬이 돼요. 이게 왜 이럴까요?



回答 1
0
안녕하세요, 인프런 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('') 코드가 스타일시트 내에서 작동하지 않아요
0
134
0
div 태그를 작성하실때, 어떤단축키를 활용해야,, 그걸할수있나요?
0
157
0

