Css JQuery UI自定义选项卡，需要适合水平空间

JQuery UI选项卡堆叠在左侧，不填充水平空间

也许这要求太多了，但这里是这样的：

考虑以下标记

<table width="100%">
  <tr>
    <td>
      ...content...
    </td>
    <td>
      ...content...
    </td>
    <td>
      ...content...
    </td>
  </tr>
</table>

…内容。。。
…内容。。。
…内容。。。

默认情况下，表格单元格会展开以适应可用的水平空间。因此，如果选项卡被设计为表格单元格，那么它将是流动的

问题:

使用div是否可以执行此行为

使用jQueryUI选项卡可以做到这一点吗

---

尊敬的，意外发现是的，您可以使用CSS：

.ui-tabs-nav {
  display: table;
  width: 100%;
}

.ui-tabs-nav li {
  float: none;
  display: table-cell;
}