flex - holy grail layout
366
19 câu hỏi đã được viết
실습 해보는데 css 중앙 정렬이 안되더라구요 그래서 뭔가 하고 봤더니 doctype부분에서만 차이가 있는데 오히려 doctype을 선언하지 않으니까 중앙 정렬이 돼요. 이게 왜 이럴까요?



Câu trả lời 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
402
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
299
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

