在 android kitkat 4.4.4 中垂直显示图标,css,ionic-framework"/>
时间戳

首页 > 解决方案 > 离子导航栏在 android kitkat 4.4.4 中垂直显示图标

css - 离子导航栏在 android kitkat 4.4.4 中垂直显示图标

问题描述

在具有离子服务的浏览器中，它显示得很好。但在 android kitkat 设备 4.4.4 中，导航栏右侧（末端）的按钮是垂直显示的，而不是水平显示的。

<ion-navbar>
  <ion-title>AppTitle</ion-title>
  <ion-buttons end>
    <button ion-button icon-only>
      <ion-icon name="search"></ion-icon>
    </button>
    <button ion-button icon-only>
      <ion-icon name="more"></ion-icon>
    </button>
</ion-buttons>

标签： cssionic-framework

解决方案

由于我不知道的原因，该标签分配的宽度小于两个按钮的大小，因此它将它们垂直对齐。我找到的解决方案是分配一个大于两个按钮宽度的固定宽度。示例：（将样式放在类中是最佳实践）

完整代码：

<ion-navbar>
  <ion-title>AppTitle</ion-title>
  <ion-buttons end style="width: 80px! Important;">
    <button ion-button icon-only>
      <ion-icon name="search"></ion-icon>
    </button>
    <button ion-button icon-only>
      <ion-icon name="more"></ion-icon>
    </button>
  </ion-buttons>
</ion-navbar>

推荐阅读