Javascript extjs 4.2.1-标签中的文本居中对齐

我在ExtJS中有一个Ext.form.Label组件。在标签中，我有两行文字。如何使这两行文字水平居中？例如：

ABC
 B

我试着在每一行周围放置

span

标记，并用

text align:center

设置它们的样式，但这两个文本仍然是左对齐的

编辑： 添加了一些代码：

label.update('<span>ABC</span><br>'+
             '<span>B</span>');

标签更新（'ABC
'+ "B";；

---

我不知道你为什么要这么做，你有代码吗？要使用跨距居中，跨距必须相同，因此请将此添加到css代码中：

display:inline-block;
width:40px;

显示：内联块是因为正常跨度不接受宽度

将范围添加到
文本字段的
字段标签
配置中起作用

您需要使用
display:inline block
，因为ExtJs在标签的末尾添加了“：”

   {
        xtype: 'textfield',
        name: 'email',
        fieldLabel: '<span style="display:inline-block; text-align:center;">Really long top<br/>small</span>',
    }

{
xtype:'textfield'，
名称：'电子邮件'，
fieldLabel:“非常长的顶部
小”，
}

工作示例：
谢谢大家的回答。我想出来了：

label.setText('ABC<br/>B');

我尝试了这些属性，但文本仍在左对齐。这可能是一个ExtJS特定的东西，不过我已经找到了你的解决方案。我只是将css内联到HTML中。我以前在另一个文件中保存了所有css内容，它没有改变我指定的任何选择器。如何使跨距环绕文本的长度而不是硬编码宽度？我注意到对于一个用空格分隔的字符串，不适合一行的单词会自动换行并出现在下一行。这很难做到，因为两个跨距的宽度必须相同。使用
width:inherit在跨距上和跨距周围的一个div宽度为设定的宽度（例如px、cm或%）。请参见Ext.form.label中的使用html而不是文本
style: 'display:inline-block;text-align:center'