OStack程序员社区-中国程序员成长平台

标题: ios - 在 iOS 设备上运行时，Ionic bar-header 未居中 [打印本页]
作者: 菜鸟教程小白    时间: 2022-12-11 16:45
标题: ios - 在 iOS 设备上运行时，Ionic bar-header 未居中

我正在使用 Ionic 构建适用于 Android 和 iOS 的应用。
我在 View 中使用 bar-header 作为标题:

<ion-view view-title="Home" class="tab-home">
    <ion-content class="padding">
        <div class="bar bar-header bar-positive">
            <div class="h1 title">The European Experience</div>
        </div>
        <div class="bar bar-subheader bar-stable">
            <h2 class="title">Companion App</h2>
        </div>
        <div class="content has-header padding">
            ...
        </div>
    </ion-content>
</ion-view>

当使用 ionic serve -l 在我的浏览器中显示时，标题正确显示:

ionic lab display

在真正的 Android 设备上运行时，它也能正常工作: run on Android 但是当我在 iOS 设备(物理设备或模拟器)上运行应用程序时，标题不是垂直居中的:

run on iPhone 我尝试添加 CSS 以明确指定 vertical-align 或 text-align，但没有成功。

什么可以解释这个问题？我怎样才能在这个标题中居中标题？


Best Answer-推荐答案


这种问题很常见，具体取决于您使用的 Ios/Ionic 版本， 您是否尝试使用标签？ ion-header-bar

关于ios - 在 iOS 设备上运行时，Ionic bar-header 未居中，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/37862015/





欢迎光临 OStack程序员社区-中国程序员成长平台 (https://ostack.cn/) Powered by Discuz! X3.4