如何调整 ionic2 中项目分隔符的大小

Question

我是编码新手，目前正在使用 ionic 2 做一些练习应用程序。我遇到的问题是，我在按下按钮时显示弹出窗口，并且在标题部分内我尝试在标题和副标题之间使用项目分隔符。每当我尝试向上移动分隔线以使其接近标题时，就会发生这种情况：

有没有办法删除分隔线的空间或使其变小，以便它不会掩盖标题并使其看起来像下划线？

编辑：这是 .

弹出窗口.html

<ion-row>
  <ion-title class="title">BRAND</ion-title>
</ion-row>

<ion-row>
  <ion-col width-100 class="divider">
    <ion-item-divider></ion-item-divider>
  </ion-col>
</ion-row>

<ion-row>
  <ion-item class="subTitle"no-lines>
    <p>Select your part</p>
  </ion-item>
</ion-row>

和 popover.ts

  .title{
    text-align: center;
    padding-top: 5px;
  }

  .divider{
    margin-top: -15px;
  }

  .poPosition{
    padding-top: 100px!important;
  }

这就是我现在使用的全部。

Answer 1

我用 FireFox 中的元素检查器解决了这个问题。我必须修改这些值来调整分隔线的大小：

.item-inner{
min-height: 1px !important;
}

.label-md{
  margin-bottom: 1px!important;
  margin-top: 1px!important;
}

ion-item-divider{
  margin-top: 0px;
  min-height: 1px!important;
}