css - 为什么 nav-title-slide-ios7 不适用于 align-title ="left"?

标签 css ionic-framework

当我将 nav-title-slide-ios7 classalign-tittle="left" 一起使用时,出现动画问题。居中对齐没问题,左对齐做动画的时候会闪。

http://codepen.io/asdasd3333/pen/Ixgpn

<ion-nav-bar class="nav-title-slide-ios7 bar-positive" align-title="left">
  <ion-nav-back-button class="button-icon ion-arrow-left-c">
  </ion-nav-back-button>
</ion-nav-bar>

最佳答案

尝试移除 text-align:center 样式表单后尝试

.bar .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; */ /** remove this **/
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 17px;
    line-height: 44px;
}

因为样式从上到下流动,所以它会很好地工作

编辑

这是codepen的链接

http://codepen.io/anon/pen/gKulD

关于css - 为什么 nav-title-slide-ios7 不适用于 align-title ="left"?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25968755/

相关文章:

html - 带有 Bootstrap 默认导航栏的损坏图像

android - 如何在 ionic 中监听 Android 硬件后退按钮

javascript - Ionic 从 JSON 数据中获取整数 ID

angularjs - angularjs中的重定向状态

ios - 使用 ionic 模拟 iOS,当前模拟失败,错误为 : Timed out waiting for device to boot.

javascript - div::after with position:fixed 中断站点

html - 将带有背景的 div 居中,在顶部栏内,宽度为 100%

css - Chrome 中的不平衡 CSS 列

javascript - Ionic Angular 元素中未加载样式表

html - 带有侧面导航的响应式中心 Logo 标题