2017-03-13 7 views
1

カード間の隙間を減らす方法を教えてもらえますか?私はmargin-bottomで試しましたが、動作しません。カード間の隙間を減らす - Ionic2

Plunker:Ionic2 Plunk

注:参照してください、私はそれをしたいと思いhome.html

として:

enter image description here

.sass

page-event-schedule { 
    .gray { 
     background-color: #f5f5f0; 
    } 
    ion-card { 
     margin-top: 5px; 
     margin-bottom: 5px; 
    } 
    ion-label { 
     margin: 0; 
    } 
} 

答えて

1

更新されたplnker hereを見つけることができます。私はちょうど、各ion-itemのHTMLにハードコードmargin-top:-25px;スタイルルールを削除し、私は `.sass`ファイルに追加したとき

ion-card { 
    margin-top: 5px; 
    margin-bottom: 5px; 
} 

ion-label { 
    margin: 0; 
} 
+0

を追加し、あなたがなぜ知っているno.do動作していない?アップデートを参照してください。 – Sampath

+1

私は '!important'を使用すると作業しています。たくさんありがとうございます:) – Sampath

+1

もし重要なのではなく、' .ios、.md {page-event-schedule {... }} 'これにより、あなたのスタイルはIonicのデフォルトスタイルよりも優先されます。 – sebaferreras

関連する問題