标题不在离子标题栏中垂直对齐

Question

{{3}}

从上面的屏幕截图中可以看出，标题使用空白模板显示正常，但它在垂直轴上没有正确对齐，下边缘比上面更多。我知道这可以通过CSS修复，但我担心以这种方式修复它，因为它可能会影响具有较小屏幕的设备。 （此截图是在One Plus One上拍摄的：1920 x 1080分辨率）

有没有办法全面解决这个小错误？

Answer 1

尝试使用Header-Bar Title的CSS代码

.title {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 0;
    overflow: hidden;
    margin: 0 10px;
    min-width: 30px;
    height: 43px;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 17px;
    font-weight: 500;
    line-height: 44px; }

Answer 2

如果你增加了标题，你也必须增加行高。

例如，如果您执行了以下操作：

.bar-header{
  height: 50px!important; 
}
.has-header{
  top:50px; 
}

你需要添加它，以便标题水平和垂直居中：

.bar-header .title {
    vertical-align: middle!important;
    text-align: center!important;
    font-size: 24px;
    line-height: 50px;
}