CSS :

Question

중간

에 수직으로 설정하면 다음과 같은 고려 :

<div class="wrap"> 
    <div class="left"></div> 
    <div class="right"></div> 
</div> 

왼쪽 DIV 오른쪽 DIV 미만의 높이를 가지고있다. 오른쪽 div의 가운데에 왼쪽 div를 세로로 설정할 수 있습니까? 높이가 다양하기 때문에 마진을 설정할 수 없습니다.

가 여기에 jsfiddle 링크입니다 : http://jsfiddle.net/k8972/

Answer 1

안녕하세요 지금 display inline-block에 사용 vertical-align에 줄이

.wrap{ 
    overflow:hidden; 
    border:1px solid red; 
    width:250px; 
    display:table; 
} 


.left{ 
    width:100px; 
    height:50px; 
    background:yellow; 
    display:inline-block; 
    vertical-align:middle; 
} 

.right{ 
    width:100px; 
    height:100px; 
    background:brown; 
    display:inline-block; 
    vertical-align:middle; 
} 

라이브 데모 등 float

에 제거 여기에 언급 http://jsfiddle.net/k8972/2/

Answer 2

당신은 디스플레이 사용할 수 있습니다 : 테이블 셀과 수직 정렬 : 중간; IE7 이하에서는 작동하지 않습니다. 방법

Answer 3

커플

http://phrogz.net/css/vertical-align/index.html