当我将 nav-title-slide-ios7 class
与 align-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的链接
关于css - 为什么 nav-title-slide-ios7 不适用于 align-title ="left"?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25968755/