css:margin:0 자동은 ie8에서 중앙에 위치할 수 없습니다.
- 黄舟원래의
- 2017-07-21 13:43:542038검색
오늘 나는 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%;}
c51f4459fcf422a08b11ee79272896f5에 모든 div를 포함하고, 랩은 다음과 같이 설정됩니다:
#wrap
{
text-align:left;
width:***;
margin:0
auto;
} 그리고 헤드에 추가:
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7"/>
그게 다야!
방법 3:
bacbf9e1ad7f40415ce1670e31edfee3adca8a5fa06ffeafb062c2e3f274b930를 사용하여 두 번째 레이어의 랩 레이어를 교체합니다.
위 내용은 css:margin:0 자동은 ie8에서 중앙에 위치할 수 없습니다.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!