Css 如何使用内联元素创建ionic3页眉

Css 如何使用内联元素创建ionic3页眉,css,angular,typescript,ionic2,ionic3,Css,Angular,Typescript,Ionic2,Ionic3,我需要在Ionic 3中创建一个标题栏,就像这个附加的线框一样,它有:一个菜单按钮、标题和带有圆角的搜索栏。所有这些都在同一条线上。 我不能在同一行中放置超过2个元素 线框标题栏 尽我所能编写脚本: <ion-toolbar no-border-top> <button ion-button icon-only menuToggle> <ion-icon name="menu"></ion-icon> </button&g

我需要在Ionic 3中创建一个标题栏,就像这个附加的线框一样,它有:一个菜单按钮、标题和带有圆角的搜索栏。所有这些都在同一条线上。 我不能在同一行中放置超过2个元素

线框标题栏

尽我所能编写脚本:

<ion-toolbar no-border-top>
  <button  ion-button icon-only menuToggle>
    <ion-icon name="menu"></ion-icon>
  </button>
  <ion-title>Titulo</ion-title>
  <ion-searchbar (ionInput)="getItems($event)"></ion-searchbar>
  <ion-list>
    <ion-item *ngFor="let item of items">
      <!-- {{ item }} -->
    </ion-item>
  </ion-list>          
</ion-toolbar>

提特罗