我应该如何在聚合物中创建网格视图？

Question

我正在尝试使用聚合物创建类似于此的视图的网格 我应该如何处理这个问题，有很多事情让我感到困惑，这是处理这种类型设计的最佳方式，无论是使用聚合物还是任何网络组件进行自举，以便可以自定义，我应该如何使用它，任何链接或参考都会有很大的帮助，在此先感谢。

Answer 1

您可以使用提供简单方法来使用CSS灵活框布局的iron-flex-layout组件或flexbox。查看here的指南。此组件还提供了两种使用flexbox的方法：

• 布局类。布局类样式表提供了一组简单的基于类的flexbox规则。布局类允许您直接在标记中指定布局属性。
• 自定义CSS mixins 。 mixin样式表包括可以使用@apply函数在CSS规则中应用的自定义CSS mixins。

检查demo here。

Answer 2

为什么不使用css网格布局。一个很好的总结是https://css-tricks.com/snippets/css/complete-guide-grid/

Answer 3

在组件目录中搜索网格将提供可以使用的网格元素列表

Polymer Catalog (grid)

或者您可以使用iron-flex元素 iron-flex

Answer 4

App-grid也可以帮助您： https://www.webcomponents.org/element/PolymerElements/app-layout/elements/app-grid