css - Sencha Touch 无法居中图像和文本

Question

我第一次尝试使用 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("")
            }

Answer 1

这里的想法是不使用 STYLE 标签……您正在为组件分配一个“cls”，它只是一个 CSS 类。使用 CSS 构建您的样式:

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