Sencha touch 2 将视口居中对齐

我已经创建了一个应用程序，可以在启动时启动视口。这覆盖了整个屏幕。所以我提供了它的宽度和高度。下一个要求是应用程序在屏幕中居中对齐

我使用的代码是：

//<debug>
 Ext.Loader.setConfig({disableCaching:false});
 Ext.Loader.setPath({
'Ext': 'sdk/src'
});
//</debug>

Ext.application({
name: 'SEPA',
controllers: ["MainController"],
requires: [
    'Ext.MessageBox'
],

controllers:['MainController'],

icon: {
    57: 'resources/icons/Icon.png',
    72: 'resources/icons/Icon~ipad.png',
    114: 'resources/icons/Icon@2x.png',
    144: 'resources/icons/Icon~ipad@2x.png'
},

phoneStartupScreen: 'resources/loading/Homescreen.jpg',
tabletStartupScreen: 'resources/loading/Homescreen~ipad.jpg',
fullscreen: false,
//centered:true,
 // margin: 100,

launch: function() {
    Ext.Viewport.setWidth(320);
    Ext.Viewport.setHeight(480);

    //Ext.Viewport.setCentered(false);
   // Ext.Viewport.setRight(2);

    // Destroy the #appLoadingIndicator element

},

onUpdated: function() {
    Ext.Msg.confirm(
        "Application Update",
        "This application has just successfully been updated to the latest version. Reload now?",
        function() {
            window.location.reload();
        }
    );
}
 });

//
setConfig（{disableCaching:false}）；
Ext.Loader.setPath({
“Ext”：“sdk/src”
});
//
外部应用程序({
名称：'环保总局'，
控制器：[“主控制器”]，
要求：[
“Ext.MessageBox”
],
控制器：['MainController']，
图标：{
57:'resources/icons/Icon.png'，
72:'resources/icons/Icon~ipad.png'，
114:'资源/图标/Icon@2x.png',
144:'资源/图标/图标~ipad@2x.png'
},
phoneStartupScreen:'resources/loading/Homescreen.jpg'，
tabletStartupScreen:“资源/加载/主屏幕~ipad.jpg”，
全屏：假，
//对,，
//差额：100，
启动：函数（）{
Ext.Viewport.setWidth（320）；
Ext.Viewport.setHeight（480）；
//Ext.Viewport.setCentered（false）；
//Ext.Viewport.setRight（2）；
//销毁#appLoadingIndicator元素
},
未更新：函数（）{
Ext.Msg.confirm(
“应用程序更新”，
“此应用程序刚刚成功更新为最新版本。是否立即重新加载？”，
函数（）{
window.location.reload（）；
}
);
}
});

如您所见，该应用程序位于浏览器的最左角。我怎样才能把它放在屏幕中央

感谢您的帮助。

---

提前感谢。

将此添加到您的

css

或

scss

文件中：

body {
    position:absolute;
    left:50%;
    top:50%;
    margin-left:-160px;
    margin-top:-240px;
}

---

希望有帮助：）

将此添加到您的

css

或

scss

文件中：

body {
    position:absolute;
    left:50%;
    top:50%;
    margin-left:-160px;
    margin-top:-240px;
}

---

希望有帮助：）

太好了。成功了。非常感谢，太好了。成功了。谢谢。