PhoneGap中文网

标题: 让搜索框在<ion-nav-bar>居中显示 [打印本页]

作者: 段逍遥 时间: 2015-11-20 10:29
标题: 让搜索框在<ion-nav-bar>居中显示

如图：在tabs的某个tab下面，重写<ion-nav-title>然后写自己的包裹input，但是这个input中在加入右边的图标之后，就不垂直居中显示了；我自己调试了很久，都没能成功在中间显示，请问大神如何让这个搜索框在中间显示？

作者: 段逍遥 时间: 2015-11-20 10:51
代码如下：

作者: 段逍遥 时间: 2015-11-20 10:51
<ion-view>
  <ion-nav-buttons side="right">
<i class="icon ion-android-notifications-none" style="font-size: 25px; margin: auto 10px;"></i>
  </ion-nav-buttons>

  <ion-nav-title align="center">
<div class="item-input-inset">
<label class="light-bg item-input-wrapper">
   <span class="icon ion-ios-search" style="color: #8f8f8f;"></span>
<input class="" type="text" placeholder="搜索影星">
</label>
  </div>
</ion-nav-title>

<ion-content>
发现页面
</ion-content>
</ion-view>

欢迎光临 PhoneGap中文网 (http://bbs.phonegap100.com/)