我想使用 iron-list 显示具有顶部和底部边距的项目网格,但没有结果。我正在使用聚合物 2.0 和 iron-list 2.0.16。当我突出显示 Iron-list 中的任何项目时,边距不显示,但出现在 devtools 中。我不知道我做错了什么。我尝试修复它但没有成功。...
:host {
display: block;
padding: 10px;
}
.country {
height: 50px;
width: 300px;
background-color: white;
margin: 16px 0;
}
iron-list {
height: 100vh;
}
</style>
<data-story-data region="africa" countries="{{countries}}"></data-story data>
<iron-list items="[[countries]]" as="country" scroll-target="document" grid>
<template>
<div class="country">
<p>[[country.name]]</p>
</div>
<!--
<paper-card>
<div class="card-content">
<div>[[country.name]]</div>
</div>
<div class="card-actions">
<a href="[[rootPath]]detail/country/[[country.name]]/[[country.alpha2Code]]/about" tabindex="-1">
<paper-button raised>view</paper-button>
</a>
</div>
</paper-card>
-->
</template>
</iron-list>
...
我该怎么做才能使 16px 的顶部和底部边距起作用。提前致谢。