在选项卡的中心对齐标题

Question

对于 extjs 5，默认情况下，选项卡标题居中对齐。

使用 extjs 6 我无法得到相同的结果，而且 titleAlign 配置不起作用。

我尝试用 tabConfig 解决，虽然它在 extjs 6 文档中不可用，但它仍然有效。

知道如何解决吗？

Fiddle: https://fiddle.sencha.com/#view/editor&fiddle/2oo3

Answer 1

我认为这是一个错误。选项卡按钮由 Ext.tab.Tab class.

表示

Represents a single Tab in a Ext.tab.Panel. A Tab is simply a slightly customized Ext.button.Button, styled to look like a tab.

和所有具有 textAlign config, the one that you are looking for. It says that by default it has the center value, but it doesn't seem to work. Although left and right 值的按钮一样，它似乎确实有效。

编辑这是一个 css 错误，要应用全局修复，只需将此规则附加到应用程序：

.x-tab-button-center {
    text-align: center;
}

Answer 2

您可以使用

style: {
    'text-align': 'center'
}

在你的 tabConfig 中。这是 FIDDLE

在选项卡的中心对齐标题

Align title in the center of the tab

extjs

extjs6

extjs6-classic