Internet Explorer에서 div를 어떻게 배치합니까?

나는 인터넷 익스플로러와 센터링에 문제가있다. 나의 질문은 센터 태그 이없는 div를 중심에 둘 수 있고, 모든 브라우저에서 작동해야한다. Internet Explorer에서 div를 어떻게 배치합니까?

margin:auto;

borwsers 하지만 인터넷 익스플로러 에서 작동하지 않습니다. 모든 브라우저에서 작동하는 무언가를 찾고 있어요 누군가

를 넣으라고했습니다

text-align: center;

는 본문에 있지만 모든 텍스트가 중간에 있습니다.

그래서 어떻게 할 수 있습니까?

출처

2011-09-21 some Folk

html 마크 업하시기 바랍니다 – Samich

너비가 고정되어 있습니까? –

여백 : 너비가 지정된 경우 자동으로 작동해야합니다. – user813720

끝났습니다. 아래 CSS를 사용하십시오 :

margin:0 auto;

여기에 a working jsFiddle입니다. div에 고정 폭을주었습니다.

출처

2011-09-21 19:29:10

위대한 작품, 감사합니다. –

@ 모 셀라, 환영합니다 :) –

IE는 자동 여백 (즉, 단점 모드에서 다른 동작)에 대해 불규칙한 지원을합니다. 하지만 이것은 거의 모든 경우에 작동합니다 :

CSS :

.container { 
    /* for IE */ 
    text-align: center; 
} 
#the-div { 
    /* reset text-align */ 
    text-align: left; 
    /* for "good" browsers */ 
    margin: 0 auto; 
}

HTML :

div.center { width:980px; margin:0px auto; }

: 당신은 마진뿐만 아니라 폭을 지정해야합니다

<div class="container"> 
    <div id="the-div">centered content</div> 
</div>

출처

2011-09-21 19:32:17 jmar777

감사합니다. –

굉장 :) 너는 내가 해내 기 전에 나의'//'주석이 파기되었음을 알았나. 지금 수정 중 ... – jmar777

몸체를 컨테이너로 사용하면 컨테이너 div를 제거 할 수 있습니다. –

예제 HTML :

<html> 
<head></head> 
<body> 
<div class="center">CONTENT</div> 
</body> 
</html>

출처

2011-09-21 19:33:05

감사합니다. 훌륭한 작품입니다! –

예 IE에서 완벽하게 작동합니다.

.container { 
    /* for IE */ 
    text-align: center; 
} 
#the-div { 
    /* reset text-align */ 
    text-align: left; 
    /* for "good" browsers */ 
    margin: 0 auto; 
}

출처

2017-01-14 19:16:00 user7212232

귀하의 CSS가 닫습니다. 문제는 브라우저가 아닙니다. 간단한 수정은 내부 div 클래스를 변경하는 것입니다.

당신은 당신의 포지션 절대치가 왼쪽 25 % ... 왼쪽 50 %를 사용하면 자동 수정됩니다.

왼쪽 제거 : 전체 50 % 및 여백 추가 : 0 자동; 이전에 다른 답변에서 언급했듯이

출처

2017-09-30 04:33:23

Internet Explorer에서 div를 어떻게 배치합니까?

답변

관련 문제