css - polymer :网格布局

Question

我正在尝试通过 polymer 的布局在网络应用程序中创建一种网格布局。我正在使用具有“wrap”属性的 div 元素，但(正如预期的那样)它们不规则地结束。我希望它们以相同的宽度结束并形成规则的形状。

这是我正在做的事情的片段(Jinja2 模板的一部分)

<div horizontal layout wrap style>
        {% for el in elements %}    
        <my-card> {{el.content}} </maker-card>
        {% endfor %}
</div>

问题是任何元素的 el.content 大小不同，结果网格看起来不规则。

Answer 1

你只需要添加

flex auto 

到 polymer 元素