如何在IONIC中對齊中心

Question

我正在嘗試將“行”項目對齊在中心，但實際上我在使用Bootstrap CSS和ionic CSS時都嘗試不了。任何人都可以檢查並告訴我我做錯了什么。

HTML代碼->

<div class="bar bar-header">
  <div class="tabs-striped tabs-color-assertive">
    <div class="row">
  <a class="tab-item col col-sm-6" data-ink-color="#ef473a" data-ink-opacity=".35" ng-click="activeMap()" ng-class="{'active': !isActive}" > <i class="icon ion-map"></i></a>
  <a class="tab-item col col-sm-6" data-ink-color="#ef473a" data-ink-opacity=".35"  ng-click="activeList()" ng-class="{'active': isActive}" > <i class="icon ion-ios-list-outline"></i></a>
    </div>
  </div>

我實際上想使它具有響應能力，這就是為什么要從OWN CSS逃脫

http://i.stack.imgur.com/6q3BI.png

Answer 1

要使css中的任何內容居中，必須在main div中使用特定的寬度，然后在divs中居中，並帶有邊距，例如以下示例：

<div class='main-div'>

 <div class='inside-div'>
  test
 </div>

</div>

和CSS看起來像：

.main-div{width:100%;}

.inside-div{width:50%;margin:0 auto; //or margin-right:25%; margin-left:25%;}

（100-div內寬度）/ 2 =左邊距或右邊距％