집 >웹 프론트엔드 >CSS 튜토리얼 >Internet Explorer 8 표준 모드에서 `margin: 0 auto;` 요소를 가운데에 배치하지 않는 이유는 무엇입니까?

Internet Explorer 8 표준 모드에서 `margin: 0 auto;` 요소를 가운데에 배치하지 않는 이유는 무엇입니까?

Why Doesn't `margin: 0 auto;` Center Elements in Internet Explorer 8 Standard Mode?

"margin: 0 auto;" 이해하기 Internet Explorer 8의 문제

웹 개발 영역에서 수평 중심화를 달성하는 것은 끊임없는 과제였습니다. "여백: 0 자동;" 기술은 오랫동안 신뢰할 수 있는 솔루션이었지만 Internet Explorer 8(IE8)에서 그 효율성에 대한 의문이 제기되었습니다.

IE8 Standard의 예기치 않은 동작

"여백: 0 자동;" 블록 수준 요소에 대해서는 IE8 표준 모드가 일관되지 않게 동작합니다. 제공된 예에서는 Firefox 3, Opera, Safari, Chrome, IE7 및 IE8 호환 모드와 같은 다른 브라우저와 달리 제출 버튼이 중앙에 위치하지 않습니다.

미스테리하고 정의되지 않은 동작

이러한 불일치는 브라우저의 올바른 동작에 대한 논쟁을 촉발시켰습니다. 일부 관점에 따르면 모든 브라우저는 상황을 잘못 처리합니다. 그러나 이 경우 버튼의 너비가 100%가 되어야 한다고 주장하는 사람들도 있습니다.

DOCTYPE 문제 해결

다행히 해결 방법은 다음을 추가하는 것만큼 간단합니다. HTML 문서의 시작 부분에 줄:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

이 선언은 문서의 유형을 정의하고 다음을 보장합니다. IE8은 요소를 예상대로 렌더링하고 "margin: 0 auto;" 원하는 대로 버튼을 중앙에 배치하세요.

위 내용은 Internet Explorer 8 표준 모드에서 `margin: 0 auto;` 요소를 가운데에 배치하지 않는 이유는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명：