css - 在工具栏中设置标题样式 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'
},

这是您可以设置字体大小的方式：

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

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

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

检查小提琴：

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