Question

我尝试使用css display：table，table-cell属性通过jquery UI设置垂直制表符。但正如你在演示中看到的那样。右边的单元格在谷歌浏览器和IE浏览器中显示不合理的上边距。它在Firefox中运行良好。

.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;}

有人可以给我一个提示吗？谢谢。

Answer 1

细胞可以做他们想做的事情，除非你告诉他们，试试这样：

.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; }

设置H2的样式以获得完美的效果。

小提琴：http://jsfiddle.net/F6tbh/1/

垂直标签显示chrome，ie和firefox之间的不同结果

1 个答案: