ionic2離子列表填充過多

Question

我的離子列表右側填充過多。

我能夠減少左側的填充

padding: 0 0 0 0 !important;

但是找不到任何影響右側的方法。

    <ion-list class="wrapping-list">
    <ion-item *ngFor="let listItem of list; let i = index" no-padding row-no-padding (click)="seeListItem(i)" (long-press)="longPressListItem(i)" (swipe-left)="swipeLeftItem(i)">
        <ion-avatar item-left>
            <img width="30px" height="30px" src="{{listItem.thumbnail}}" />
        </ion-avatar>
        <h2>{{ listItem.name }} </h2>
        <p>{{ listItem.summary }} </p>
    </ion-item>
</ion-list>

這是我嘗試使用CSS進行的所有操作：

.wrapping-list .item-content, .wrapping-list .item {
overflow: initial;
white-space: initial;

padding: 0 0 0 0 !important;
}

.no-padding {
    padding: 0 0 0 0 !important;
}

.item-complex .item-content {
  padding: 0 0 0 0 !important;
}

.item-right
{
    padding: 0 0 0 0 !important;
    margin: 0 0 0 0 !important;
}

其他格式問題：

1. 如何擺脫物品之間的界限？
2. 為什么行僅在文本下而不在圖片下？
3. 如何使第二行文本（灰色文本）兩行換行？

Answer 1

為了使其工作，我必須將其添加到app.scss中：

.item-md.item-block .item-inner {
    padding: 0 0 0 0 !important;
}

.label-md {
    margin: 6px 8px 0px 0;
}

並為此頁面創建一個自定義css文件：

.item-md [item-left] {
  margin: 0px 0px 0px 4;
}

.item-md [item-right] {
  margin: 0px 0px 0px 0;
}

當我將app.scss中的內容移動到另一個css文件時，由於某種原因，它不起作用。