Question

也许这只是我的一个例子，但我有一个小组，我有一些文字我想放在标题中，但我希望文本居中。我还希望将默认背景（蓝色）和文本颜色（白色）更改为我的自定义样式。我已经成功地改变了背景和文字颜色，但我无法弄清楚如何将它放在面板中。以下是我的代码：

{ header: {xtype: 'header', margin:'5', baseCls: 'pnlName-header', title: { baseCls:'pnlName-header-header', text: '<u>Name:</u><br>Josh' }}, xtype: 'panel', flex: 15, layout: { type: 'vbox', align: 'center'}}

.pnlName-header {
color: #FF0000;
font-family: tahoma,arial,verdana,sans-serif;
font-size: 12px;
font-weight: bold;
background-color: #FFFFFF;
text-align:center;

}

我很确定它必须是简单的东西。任何帮助将不胜感激。

V / R，

约什

Answer 1

在我看到我正在做的事情之后，我发现了一个名为：titleAlign的配置。所以我只需设置titleAlign：'center'就可以了。谢谢大家。

Answer 2

你在标题中使用的方法怎么样？ http://jsfiddle.net/zk31wo5j/1/

 //your panel code
 cls:'center',
 html: 'some text pretty centered'

，其中

.center{
text-align:center;    
}

Sencha ExtJS标题标题中心文本

2 个答案: