在标签中心对齐标题

Question

对于extjs 5，默认情况下，标签标题与中心对齐。

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

我试图用tabConfig解决，尽管它在extjs 6文档中不可用，但仍然可以使用。

有什么办法解决吗？

提琴：https://fiddle.sencha.com/#view/editor&fiddle/2oo3

Answer 1

您可以使用

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

在您的tabConfig中

。这是FIDDLE

Answer 2

我认为这是一个错误。标签按钮由Ext.tab.Tab类表示。

  

表示Ext.tab.Panel中的单个Tab。制表符只是一点点   自定义的Ext.button.Button，其样式看起来像标签。

与所有按钮一样，它具有textAlign配置，即您要寻找的按钮。它说默认情况下它具有center值，但似乎不起作用。尽管left和right的值似乎确实有用。

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

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