css - ionic 列表插图中的中心文本

Question

我试图简单地将文本置于 ionic 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