Sencha Touch无法居中图像和文本

时间:2013-09-24 12:16:34

标签: css styles sencha-touch

我第一次玩Sencha Touch,但在图像(即中心)和文字(即制作一定尺寸/颜色)方面存在困难。

有人可以告诉我在哪里添加样式标签。

以下示例项目:

 // This is the home page, just some simple html
            {
                title: 'Home',
                iconCls: 'home',
                cls: 'home',
                scrollable: true,
                style: 'text-align:centre',
                html: [
                    '<img height=260 src="http://upload.wikimedia.org/wikipedia/commons/4/4a/Logo_2013_Google.png"/>',
                    '<h1>Welcome to the Demo HTML5 App</h1>',
                    "<p>Built with Sencha Touch</p>"
                ].join("")
            }

2 个答案:

答案 0 :(得分:1)

这里的想法是不使用STYLE标签......你要为组件分配一个“cls”,它只是一个CSS类。使用CSS构建样式:

.home img {}
.home h1 {}
.home p {}

答案 1 :(得分:0)

我同意arthurkay,但如果你想使用内联样式,你应该改变......

style: 'text-align:centre'

...到......

style: 'text-align:center'