2010-11-25 5 views
1

CSS에서 수직 정렬의 가장 좋은 방법을 찾고 있습니다. 나는 이것이 잘 해결되지 않는 문제라는 것을 경험한다 : vertical-align 속성은 HTML에서와 동일하지 않다. 마진처럼 작동하는 코드가 필요합니다. 자동 속성을 가로로 사용하십시오. 지금 사용하고있는 코드는 어디에서나 작동하지 않습니다 (예 : 객체의 페이드 인). 여기에 있습니다 :동적 DIV는 CSS로 수직 정렬 중간

<div style="width:200px; height:100px; background:white; display:table"> 
    <div style="display:table-cell; vertical-align:middle"> 
     <img src="image.jpg" height="20" width="100" /> 
    </div> 
</div> 

답변

1

절대 위치 방법 here을 사용해보십시오. 실제로 애니메이션을 포함한 jsfiddle을 게시하고 기타 등등 볼 수 있다면 좋을 것입니다.

+0

감사합니다.이 링크는 매우 유용합니다. "동적 높이 컨테이너 내부의 동적 높이 블록 레벨 요소"섹션의 코드를 사용합니다. 하지만 내 객체가 표시 : 없음 속성을 가져야하는 경우 어떻게됩니까? – marcias

+0

OK, 나는 인터넷 주위에 더 좋은 방법이 없다고 생각합니다. 나는이 대답을 받아들입니다. 감사합니다. – marcias