Sencha ExtJS標題標題中心文字

也許這只是我的一個想法，但我有一個面板，我有一些文字我想放在標題中，但我希望文字居中。我還希望將默認背景（藍色）和文字顏色（白色）更改爲我的自定義樣式。我已經成功地改變了背景和文字顏色，但我無法弄清楚如何將它置於面板中央。這裏是我下面的代碼：Sencha ExtJS標題標題中心文字

{ 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，

喬希

來源

2014-11-05 Josh

如何同樣的方法你頭中使用？ http://jsfiddle.net/zk31wo5j/1/

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

那裏俯瞰明顯，因爲我想我在做我發現了一個名爲config後

.center{ 
text-align:center;  
}

來源

2014-11-05 13:45:57

http://jsfiddle.net/zk31wo5j/1/ - 是第一個小提琴的更新版本。 – 2014-11-05 13:50:05

感謝您採取了很多我感激。 – Josh 2014-11-05 13:50:19

好：titleAlign。所以我只是簡單地設置titleAlign：'中心'，這就是訣竅。感謝大家。

來源

2014-11-05 13:49:58 Josh

完美的解決方案。謝謝 – 2016-10-26 18:42:50

Sencha ExtJS標題標題中心文字

回答

相關問題