Ionic2范围与空白

Question

如何删除UPDATE INTERVAL下的行与范围本身之间的空格？

我的代码：

<div class="range">
  <ion-list>
    <ion-list-header>
      update interval
      <ion-badge item-right>{{timePeriod}}</ion-badge>
    </ion-list-header>
    <ion-item>
      <ion-range min="1" max="60" [(ngModel)]="timePeriod">
        <ion-label range-left>1</ion-label>
        <ion-label range-right>60</ion-label>
      </ion-range>
    </ion-item>
  </ion-list>
</div>

顺便说一句 - 将元素放在Ionic2中的标签内是否可以？

Answer 1

ion-list-header元素有一个margin-bottom，因此您可以将其设置为0以将其删除：

ion-list-header.list-header { margin-bottom: 0; }