세로 맞춤을 사용하는 가운데 이미지

이미지는 수직 정렬이되지 않아야합니다. 난 단점 모드 (불행히도)에서 IE7에 대한 코딩입니다. 내 코드는 아래와 같습니다. 당신이 수직으로 다음을 수행해야합니다 사업부 내에서 이미지를 정렬 할 경우이 수직세로 맞춤을 사용하는 가운데 이미지

<html> 
<head> 
</head> 
<body> 
<div style="height:500px; width 500px; line-height:500px; background-color:Green; vertical-align:middle;"> 
    <img src="./images/load.gif" style="vertical-align:middle;"/> 
</div> 
</body> 
</html>

출처

2012-08-29 steventnorris

을 정렬되지 왜 누구나 알고

이

div { 
    position:relative; 
    height:500px; 
    width:500px; 
} 

div img { 
    position:absolute; 
    top:50%; 
    margin-top:-XXXpx; /* where XXX is half the height of the image */ 
}

출처

2012-08-29 20:46:36

당신은 이미지를 배경 이미지를 대신 할 수 및 그런 다음 배경을 다음과 같이 가운데에 배치하십시오.

<div style="height:500px; width 500px; line-height:500px; background: green url('/images/load.gif') left center no-repeat ; "></div>

출처

2012-08-29 21:24:12 Brett

세로 맞춤을 사용하는 가운데 이미지

답변

관련 문제