html - 即使 div 中有右按钮或左按钮，文本也会居中吗？

Question

我正在使用以下 CSS 将文本居中:

.text-align-center {
  text-align:center;
}

但是，当 <div> 中有向左或向右箭头图标时, 文本稍微偏离中心。

是否可以让居中忽略箭头图标？

编辑:

这是我的 HTML，由于箭头图标，文本没有完全居中

<ion-view>
  <ion-content class="padding">
    <div ng-click="okDate(unreported)" class="item item-text-wrap item-icon-right text-align-center">
        {{ formattedRecentDate(unreported) }}
        <i class="icon ion-ios-arrow-forward"></i>
    </div>
  </ion-content>
</ion-view>

Answer 1

我认为您应该为两个箭头都包装一个。左和右。然后将内容放在箭头之间的另一个 div 中，文本居中。

然后您可以根据需要隐藏其中一个箭头(例如，当您在第一页时隐藏向左的箭头)。

请记住只隐藏箭头而不是 wrapper ，以保持居中。