extjs 4.2.1 - 标签中心对齐文本

Question

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

ABC
 B

我尝试在每一行周围添加span标记，并使用text-align:center设置样式，但两个文本仍保持左对齐。

编辑： 添加了一些代码：

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

Answer 1

感谢所有答案的人。我弄清楚了：

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

然后在标签配置中，您只需定义样式属性，如下所示：

style: 'display:inline-block;text-align:center'

Answer 2

我不知道你正在尝试做什么，你有一些代码吗？要使跨度居中，跨度必须是相同的宽度，因此请将其添加到您的css代码中：

display:inline-block;
width:40px;

display:inline-block;是因为普通跨度不接受宽度。

See this jsfiddle

Answer 3

将范围添加到fieldLabel的{​​{1}}配置中。

您需要使用textfield因为ExtJs会在标签的末尾添加“：”。

display:inline-block

工作示例： http://jsfiddle.net/eLnu5/