在工具栏sencha touch中设置标题样式

Question

我将minHeight作为1.5em添加到工具栏中，并尝试将标题正好添加到中心

          .checkouttoolbar .x-toolbar .x-innerhtml {
                        font-size: 15px;
                     align : center;
           }

但它对我不起作用，请帮助我做错的地方

Answer 1

可以使用minHeight属性更改工具栏高度：

{
    xtype: 'toolbar',
    title: 'toolbar test',
    docked: 'top',
    cls: 'test',
    minHeight : '30px'
},

这是你设置font-size样式的方法：

.x-toolbar.test .x-innerhtml {
    font-size: 15px;
}

要使标题垂直居中，您必须覆盖工具栏的.title元素上的line-height属性：

.x-toolbar.test .x-title {
    line-height: inherit;
}

查看小提琴：

http://new.senchafiddle.com/#/854Wc/