刪除離子列表中的間距

Question

我嘗試刪除項目之間的間距。 如您所見，該列表在垂直方向上占據了一個日志空間，我需要將文本靠得更近，但我想保留線條。

我嘗試了很多不同的 css 東西（將邊距/填充設置為 0 並減少最大高度）但它總是切斷線和文本而不是僅僅刪除它們之間的空間。

     <ion-card>
            <ion-card-header>
                <ion-card-subtitle>
                Tichumaster
                </ion-card-subtitle>
                <ion-card-title>
                    <ion-icon class="iconSize" name="aperture"></ion-icon>
                </ion-card-title>
                <ion-card-content>
                    <ion-list>
                        <ion-item>
                                <ion-label>Du</ion-label>
                                <ion-note slot="end" color="tertiary">10%</ion-note>
                        </ion-item>
                        <ion-item>
                            <ion-label>Du</ion-label>
                            <ion-note slot="end" color="tertiary">10%</ion-note>
                        </ion-item>
                        <ion-item>
                            <ion-label>Du</ion-label>
                            <ion-note slot="end" color="tertiary">10%</ion-note>
                        </ion-item>
                        <ion-item>
                            <ion-label>Du</ion-label>
                            <ion-note slot="end" color="tertiary">10%</ion-note>
                        </ion-item>
                    </ion-list>
                </ion-card-content>
            </ion-card-header>
        </ion-card>

Answer 1

我也很難做到這一點。 但我設法做到了

ion-item.myList{
  margin-top: -11px; 
}

但是為了不干擾我使用的所有離子項目，我使用了 class

<ion-item class="myList">