一、Ionic CSS布局控制

指定 樣式風格：tabs-positive，tabs-assertive

指定 選擇風格：tabs-striped 帶條風格，tabs-standard 不帶條風格（默認值）

指定背景、前景色：tabs-background-positive，tabs-color-light

指定位置：tabs-top,tabs-bottom(默認值)

指定圖標類型：tabs-icon-left，tabs-icon-bottom，tabs-icon-only

1.指定圖標位置

<div class="tabs tabs-icon-top tabs-positive">    <a class="tab-item">        <i class="icon ion-home"></i>        Home    </a>    <a class="tab-item">        <i class="icon ion-star"></i>        Favorites    </a>    <a class="tab-item">        <i class="icon ion-gear-a"></i>        Settings    </a></div>
2.默認不使用圖標
<div class="tabs">    <a class="tab-item">Home</a>    <a class="tab-item">Favorites</a>    <a class="tab-item">Settings</a></div>
3.指定tab的位置和選擇風格
<div class="tabs-striped tabs-top tabs-icon-left tabs-background-positive tabs-color-light">    <div class="tabs">        <a class="tab-item active" href="#">            <i class="icon ion-home"></i>            Test        </a>        <a class="tab-item" href="#">            <i class="icon ion-star"></i>            Favorites        </a>        <a class="tab-item" href="#">            <i class="icon ion-gear-a"></i>            Settings        </a>    </div></div><div class="tabs-striped tabs-icon-bottom tabs-color-assertive">    <div class="tabs">        <a class="tab-item active" href="#">            <i class="icon ion-home"></i>            Test        </a>        <a class="tab-item" href="#">            <i class="icon ion-star"></i>            Favorites        </a>        <a class="tab-item" href="#">            <i class="icon ion-gear-a"></i>            Settings        </a>    </div></div>
特別說明：tabs-top，指定為頭部的時候會留出空白給頭部，可以使用heander填充
<ion-header-bar class="bar-positive">    <h1 class="title">ion-tabs簡介</h1></ion-header-bar>
更多：
Cordova 配置WebView可以打開外部鏈接
Ionic Grid柵格布局居中實例
Ionic相關整理