HTML 세로 맞춤

div를 세로로 가운데로 가져 오는 가장 빠른 방법은 무엇입니까 - 크로스 브라우저입니까?HTML 세로 맞춤

HTML :

<body> 
    <div id="mainContainer"> 
     <header> 
      blah 
      </header><!-- End header --> 
     </div><!-- End mainContainer --> 

</body>

CSS : 당신이 높이를 지정할 수있는 경우 부정적인 마진이 절반 곳

#mainContainer{ 
    width:960px; 
    margin:60px auto; 
    background:#FFF; 
    border:1px solid black; 
} 
header{ 
    padding:30px 0 30px 0; 
    background:red; 
    margin:0 auto; 
}

출처

2012-04-27 Jess McKenzie

헤이 쉬운 방법

https://stackoverflow.com/a/10010055/1312610

을 사용하십시오

http://jsfiddle.net/ERuX4/1/

출처

2012-04-27 05:14:56 ShibinRagh

안녕하세요. 무엇이 -200을 대표합니까? 600px 너비와 그 중심을 벗어난 상자가 있습니다. –

안녕하세요, http://jsfiddle.net 코드를 게시 해주세요. 문제를 해결할 수 있습니다. – ShibinRagh

http://jsfiddle.net/e2bmC/ & http : //cl.ly/060H2r3R2S3a3U0j021Z –

, 당신은

position:absolute 
top:50%; 
left:50%; 
width:200px; 
height:200px; 
margin-left:-100px; 
margin-top:-100px;

을 사용할 수 있습니다 너비와 헤이의 GHT 각각

출처

2012-04-27 04:47:41

이봐, 난 다음 얻을 : http://cl.ly/1p3k1A2l033a1g1p3Z1J –

왼쪽처럼 보이는 : 50 %는하지 않았다 갖다. 부모 요소를 가운데에 배치하려면 위치가 있어야합니다. 즉 상대 위치가 선언되었지만 '몸체'를 기준으로 중심에 배치하는 경우에는 그렇게 할 필요가 없습니다. 코드를 볼 수있는 곳에 게시하면 무엇이 일어나는지 말할 수 있습니다. http://jsfiddle.net/ –

HTML 세로 맞춤

답변

관련 문제