UIを利用したアプリでデータなどの一覧を表示する場合、ons-listとons-list-itemを使用します。ons-list-itemの余白により、表示できる行数が限られたり、表示バランスがイメージどおりにならない問題が発生します。今回は、ons-list-itemの余白を調整する方法を紹介します。以下のコードをAndroid版のMonacaデバッガーで表示します。UI</ons-list-item><ons-list-item>ons-list-item</ons-list-item></ons-list>以下のように表示されます。UIは、以下のようなHTMLを生成します。UIのCSSを解析すると、以下のクラスが影響していることがわかります。(list-item–material__center)Android版の場合、list-item–materialとlist-item–material__center、Android・iOS版共通の場合、list-itemとlist-item__centerのpaddingとmin-heightを変更することで余白を調整することができます。Androidの場合、以下のようになります。UIで数字をタップして選択する【iPhone】このiCloudアカウントはすでにiPhoneに追加されています。ThemeGrill.。