垂直对齐离子图标和文本

我想释放一种日期选择器，中间的日期和左/右切换上一个或下一个日期。我目前在格式化视图时遇到问题。我想垂直对齐离子图标（左侧&右侧）和文字{{displayDate}}。我试过以下，但没有我想要的结果。垂直对齐离子图标和文本

HTML

<ion-footer> 
     <div style="position: fixed; bottom: 0px; width: 100%"> 
     <ion-list> 
      <ion-item text-center style="align-content: center!important"> 
       <ion-icon name="md-arrow-dropleft" style="font-size: 30px; margin-right: 10px"></ion-icon> 
      <b> {{displayDate}} </b> 
      <ion-icon name="md-arrow-dropright" style="font-size: 30px; margin-left: 10px"></ion-icon> 
      </ion-item> 
     </ion-list> 
     </div> 
      <ion-toolbar> 
      </ion-toolbar> 
     </ion-footer>

CSS

b { 
    color: #387ef5; 
    font-family: 'Helvetica Neue', sans-serif; 
    }

它的外观现在：

来源

2017-02-23 Sandruna

b { 
    color: #387ef5; 
    font-family: 'Helvetica Neue', sans-serif; 
    line-height: 30px; 
}

来源

2017-02-23 14:01:16

测试它。可悲的是没有效果。 – Sandruna

@Sandruna真的吗？给我你的项目链接。我在浏览器检查器中看过这个 –

试试用这个！希望这对你有用！

b { 
    color: #387ef5; 
    font-family: 'Helvetica Neue', sans-serif; 
    vertical-align: middle; 
}

来源

2017-02-23 14:09:04

垂直对齐离子图标和文本

回答

相关问题