css:margin:0 자동은 ie8에서 중앙에 위치할 수 없습니다.-CSS 튜토리얼-php.cn

css:margin:0 자동은 ie8에서 중앙에 위치할 수 없습니다.

黄舟

풀어 주다： 2017-07-21 13:43:54

원래의

1974명이 탐색했습니다.

오늘 나는 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%;}
　

에 모든 div를 포함하고, 랩은 다음과 같이 설정됩니다:

　#wrap    
　{ 
　text-align:left; 
　width:***;  
　margin:0 
　auto; 
　 }

로그인 후 복사

　그리고 헤드에 추가:

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7"/>

로그인 후 복사

그게 다야!

　 방법 3:

를 사용하여 두 번째 레이어의 랩 레이어를 교체합니다.

위 내용은 css:margin:0 자동은 ie8에서 중앙에 위치할 수 없습니다.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

Php8, 나도 갈게

30분 안에 웹사이트 레이아웃 배우기

Shangguan Oracle 초보자부터 능숙한 비디오 튜토리얼까지

UNI-APP 코드의 첫 번째 줄

처음부터 앱 실행까지 Flutter

Lian 형제 새 Linux 비디오 튜토리얼

AXURE 9 비디오 튜토리얼(제품 관리자 대화형 제품 디자인 UI에 적합)

Zero 기본 숙련도 PS 비디오 튜토리얼

시작하는 데 도움이 되는 16일 UI 비디오 튜토리얼

PS 기술 및 슬라이싱 기술 비디오 튜토리얼

Alibaba Cloud 환경 구축 및 프로젝트 출시 비디오 튜토리얼

컴퓨터 네트워크 개요 - 프로그래머가 마스터해야 하는 기본 지식

프로그래머를 위한 필수 튜토리얼 - HTTP 프로토콜 설명

웹소켓 비디오 튜토리얼

css:margin:0 자동은 ie8에서 중앙에 위치할 수 없습니다.