오늘 나는 margin:0 auto;를 사용하여 속성을 정의하고 중앙에 배치하는 div를 작성했지만 유효하지 않은 것으로 판명되었습니다.
처음에는 CSS의 코드 충돌인 줄 알았습니다. 여러 번 확인해보니 괜찮았습니다. 그러다가 Firefox와 Google Chrome으로 테스트해 보니 중앙에 맞춰져 있었습니다. . .
브라우저 호환성 문제인 것 같습니다. win7을 사용하고 있는데 IE가 IE8로 업그레이드된 것이 갑자기 생각났습니다. 문제는 IE8의 호환성인 것 같습니다. 바이두. . . .
해결책은 다음과 같습니다.
IE6, 7 및 Firefox에서 센터링을 달성하려면 일반적으로 margin:auto를 사용하여 이를 달성하지만 IE8에서는 이것만으로는 충분하지 않습니다. 이제 두 가지 솔루션이 제공됩니다.
방법 1(권장):
먼저 문서 유형을 페이지 상단에 설정해야 합니다:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transition al.dtd">
및 헤드에 추가:
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7"/> 即可！
방법 2:
본문 settings {text-align :center;width:100%;}
#wrap
{
text-align:left;
width:***;
margin:0
auto;
} 그리고 헤드에 추가:
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7"/>
그게 다야!
방법 3:
위 내용은 css:margin:0 자동은 ie8에서 중앙에 위치할 수 없습니다.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
