css - 使用 onsen ui 时导航栏文本不在设备中心

我已经从 onsen ui 下载了默认的 master-detail 模板，然后基于它开发了一个cordova移动应用程序。导航栏中的标题标题以pc-browser和chrome Ripple为中心，但不在设备上。在设备上它会粘在左边。我已经添加了这种风格来看看发生了什么。

    .navigation-bar__center
    {
        text-align:center;
        border:solid;
        border-width:1px;
    }
    .navigation-bar
    {
        border:solid;
        border-color:#f00;
        border-width:1px;
    }

似乎标题的相应 div 没有拉伸(stretch)。

这是在电脑浏览器上

这是在移动设备上(三星 android 4.2)

附:所有页面都存在问题。

最佳答案

尝试在导航栏标签上使用 fixed-style 属性。像这样

<ons-toolbar fixed-style>
  <div class="center">
    This will be centered
  </div>
</ons-toolbar>

实际上，它之所以不以设备为中心是因为 Onsen UI 试图模拟原生行为。在 Android 上，导航栏标题不是居中，而是左对齐。

关于css - 使用 onsen ui 时导航栏文本不在设备中心，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/27317667/