세로 탭은 크롬, 즉 파이어 폭스와 다른 결과를 보여줍니다.

Question

CSS 표출 : 표, 표 셀 속성을 사용하여 jquery UI로 세로 탭을 설정하려고했습니다. 하지만 데모에서 볼 수 있듯이. 오른쪽 셀은 구글 크롬과 IE에서 불합리한 상위 여백을 보여줍니다. 파이어 폭스에서는 잘 작동합니다.

.ui-tabs-vertical { display:table; padding:0px; } 
.ui-tabs-vertical .ui-tabs-nav { display: table-cell; } 
.ui-tabs-vertical .ui-tabs-panel { display: table-cell;margin:0px;} 

http://jsfiddle.net/F6tbh/

은 누군가가 나에게 힌트를 줄 수 있을까요? 감사합니다. 완벽한 결과를 위해 H2를

.ui-tabs-vertical { display:table; padding:0;; } 
.ui-tabs-vertical .ui-tabs-nav { display: table-cell;vertical-align:top; } 
.ui-tabs-vertical .ui-tabs-panel { display: table-cell;float:left; } 

스타일 :

Answer 1

세포는 당신이 그렇지 않으면 그들에게하지 않는 한, 이런 식으로 시도하고 싶은 것을 할 수 있습니다.

그리고 바이올린 : http://jsfiddle.net/F6tbh/1/