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

现在效果很好。享受吧!

fiddle :https://jsfiddle.net/7n4f1g9b/