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/