JQuery UI 选项卡 - 中心

Question

我正在使用此站点上的 JQuery UI 选项卡：https://jqueryui.com/tabs/#default。

在我的标签中，我创建了带有图片的表格。我编写了一些 css 代码来使选项卡居中，但是我想让选项卡主体内的表格（或内容）也居中。我假设我必须对这个类做一些 css

class="ui-tabs-panel ui-widget-content ui-corner-bottom"

这是我的 JsFiddle https://jsfiddle.net/ubst2zxw/1/ 。

为了使标签居中，我做了这个 CSS 类：

.ui-tabs .ui-tabs-nav {
    text-align: center;
}

.ui-tabs .ui-tabs-nav li {
    float: none !important;
    display: inline-block;
}

https://jsfiddle.net/ubst2zxw/1/

Answer 1

这是表格，不是文字。您需要使用以下代码将表格居中：

table {margin: auto;}

现在效果很好。尽情享受吧！

小提琴：https://jsfiddle.net/7n4f1g9b/