带空格的 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; }