중간 스팬 (가변 높이)는 OK

Question

이 태그를 지정.

그래서 나는 다음과 같이해야합니다

는

-!!-보다는 _!!_는 기본적으로된다.

어떻게 달성 할 수 있습니까?

Answer 1

given yesterday의 답변을 연장 할 수 있습니다.

기본적으로 을 display: inline-block과 함께 요소에 추가하십시오.

동일한 코드는 중간 요소가 가장 높으므로http://jsfiddle.net/thirtydot/qk4dW/1/ - 또는 10을 참조하십시오.

.wrapper { 
    text-align: center; 
} 
.left, .middle, .right { 
    vertical-align: middle; 

    display:inline-block; 
    /* if you need ie6/7 support */ 
    *display: inline; 
    zoom: 1 
} 
.left, .right { 
    height: 100px 
} 

div { 
    border: 1px solid #f0f 
}