離子列表中的中心文本插入

Question

我想簡單地在離子list-inset中居中。我嘗試添加row-center作爲一些答案建議。我也嘗試編寫像上面提到的那樣的自定義CSS here。到目前爲止，他們都沒有爲我工作。

我的代碼如下。我應該從哪裏出發？

<ion-content ng-controller="DashboardCtrl"> 
    <div class="card"> 
    <div class="list list-inset"> 
     <div class="item item-divider"> 
     <div class="row row-center"> 
      <div class="col col-25">Ticker</div> 
      <div class="col col-25">Price</div> 
      <div class="col col-25">Shares</div> 
      <div class="col col-25">Value</div> 
     </div> 
     </div> 
     <label class="item" ng-repeat="item in sData"> 
     <div class="row row-center"> 
      <div class="col col-25">{{item.ticker}}</div> 
      <div class="col col-25">{{item.price}}</div> 
      <div class="col col-25">{{item.shares}}</div> 
      <div class="col col-25">{{item.value}}</div> 
     </div> 
     </label> 
    </div> 
    </div> 
</ion-content> 

Answer 1

而不是row-center嘗試text-center