如何将图标放在extjs按钮中？

Question

我有一个简单的按钮，但我无法使图标居中。

{ 
    xtype: 'button', 
    width: 150, 
    height: 150, 
    cls: 'startbutton' 
} 

CSS：

.startbutton { 
    background-image: url(Camera.png) !important; 
} 

此图片最高72x72像素。

Answer 1

我想，你需要background-position：

.startbutton { 
    background-position: center center; 
    background-image: url(Camera.png) !important; 
} 

Answer 2

有没有理由你不使用标准的事情：

icon: '', 
iconAlign: 'center'