Ionic framework 两个图标之间的文本

我希望列表中有一个离子项，在两个图标（一个在左侧，一个在右侧）中间有一个单词，如下所示：

我无法实现这个目标，因为我有这样的事情：

这是我的代码：

<ion-list>
<ion-item class="item item-icon-left item-icon-right" style="text-align: center">
    <ion-icon item-left name="lock"></ion-icon>
       <b>Woman</b>
     <ion-icon item-right name="lock"></ion-icon>
</ion-item>  

女人

---

如何使第一幅图像中的文字正确居中？

您可以使用

text align

属性将文字居中，如下所示

<ion-list>
<ion-item class="item item-icon-left item-icon-right" style="text-align: center">
    <ion-icon item-left name="lock"></ion-icon>
    <ion-label class="centerlabel">Woman</ion-label>
    <ion-icon item-right name="lock"></ion-icon>
</ion-item>  

---

希望这会有帮助

您可以使用

文本对齐

属性将文本居中，如下所示

<ion-list>
<ion-item class="item item-icon-left item-icon-right" style="text-align: center">
    <ion-icon item-left name="lock"></ion-icon>
    <ion-label class="centerlabel">Woman</ion-label>
    <ion-icon item-right name="lock"></ion-icon>
</ion-item>  

希望这会有帮助

试试这个

<ion-list>
<ion-item >
    <ion-icon item-left name="lock"></ion-icon>
       <div text-center><b style="margin-left: -20px;">Woman</b></div>
     <ion-icon item-right name="lock"></ion-icon>
</ion-item>  
  </ion-list>

女人

试试这个

<ion-list>
<ion-item >
    <ion-icon item-left name="lock"></ion-icon>
       <div text-center><b style="margin-left: -20px;">Woman</b></div>
     <ion-icon item-right name="lock"></ion-icon>
</ion-item>  
  </ion-list>

女人

（代表问题作者发布解决方案）

女人

（代表问题作者发布解决方案）

女人

这不起作用。输出与我的情况完全相同：（文本未居中，两个图标与左/右边框的距离不相同..这不起作用。输出与我的情况完全相同：（文本未居中，两个图标与左/右边框的距离也不相同..我最初也使用了边距，但我正在搜索更干净的内容，然后强制使用边距：）幸运的是，我解决了问题，并在编辑后的答案中发布了代码。抱歉，没有注意到您编辑了问题并添加了解决方案。很高兴您的问题是solved我也第一次使用了边距，但我正在搜索更干净的内容，然后强制使用边距：）幸运的是，我在编辑的答案中解决并发布了代码。对不起，没有注意到您编辑了问题并添加了解决方案。很高兴您的问题得到了解决