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

How should I create a grid view in polymer?

我正在尝试使用聚合物创建像这样的视图的网格 我应该如何处理这个问题,有很多事情让我感到困惑,这将是处理此类设计的最佳方式,无论是 bootstrap 使用聚合物还是任何 Web 组件,以便可以对其进行自定义以及应该如何进行我使用它,任何 link 或参考资料都会有很大帮助,在此先感谢。

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

Polymer Catalog (grid)

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

您可以使用 iron-flex-layout 组件,它提供了使用 CSS 灵活框布局或 flexbox 的简单方法。查看 here 中的指南。该组件还提供了两种不同的使用方式 flexbox:

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

检查demo here

为什么不使用 css 网格布局。 https://css-tricks.com/snippets/css/complete-guide-grid/

有一个很好的总结

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