聚合物：网格布局

Question

我正在尝试通过聚合物的布局在Web应用程序中创建一种网格布局。 我正在使用具有'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 

到聚合物元素