离子离子逐项右和项目为中心的

我对离子型框架的一个问题，我希望有人能帮助我... 我有一个离子列表以“离子项目右”。这一切都好，按钮在右边。现在我需要有其他的三个图标，这是中心，所以，我有：文本 - 3个图标中心 - 1图标右侧离子离子逐项右和项目为中心的

这是我的代码：

<ion-item 
     class="item-stable accordion item-icon-right" 
     ng-show="!skillHasSubskill(skill)"> 
     {{skill.skillName}} 
     <i class="icon ion-star"></i> 
     <i class="icon ion-star"></i> 
     <i class="icon ion-star"></i> 
     <a class="button marginrighticon button-icon icon ion-close energized" ng-click="deleteSkill(skill)"></a> 
    </ion-item>

当然，这isn'不工作。三个“离子明星”应该是居中的，但我发现haven't标签的，我可以做到这一点。我希望有人能帮助我。）

来源

2016-02-24 Junias

-1

每个人同样的问题... 上述解决方案在许多方面是正确的，但我不得不采取一点点...... here's我的代码：

<ion-item 
     class="item-stable accordion nopadding" 
     ng-show="!skillHasSubskill(skill)"> 
    <div class="row"> 
     <div class="col">{{skill.skillName}}</div> 
     <div class="col"> 
      <i class="padding-right icon ion-star"></i> <i 
       class="padding-left padding-right icon ion-star"></i> <i 
       class="padding-left icon ion-star"></i> 
     </div> 
     <a 
      class="button button-icon button-right icon ion-close energized" 
      ng-click="deleteSkill(skill)"></a> 
    </div> 
    </ion-item>

我不得不这样做，因为以另一种方式张贴在离子高度之上， EM太大，因为图标是在自己的行解释，不是在同一个作为普通的文本;）

，但非常感谢你！

编辑：我有另一个愚蠢的问题：文本没有垂直对齐...垂直对齐：中间不是一个解决方案（对齐列&行）...有任何想法？

来源

2016-02-24 15:00:30 Junias

我认为你必须做一些CSS样式。 ..这样的：

<ion-item class="item-stable accordion item-icon-right item-button-right" ng-show="!skillHasSubskill(skill)"> 
    {{skill.skillName}} 
    <div class="icon" style="margin-right: 80px"> 
     <i class="ion-star"></i> 
     <i class="ion-star"></i> 
     <i class="ion-star"></i> 
    </div> 
    <a class="button button-icon" ng-click="deleteSkill(skill)"> 
     <i class="icon ion-close energized"></i> 
    </a>   
    </ion-item>

来源

2016-02-24 13:48:36 beaver

离子离子逐项右和项目为中心的

回答

相关问题