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

时间:2017-08-31 17:48:39

标签: polymer bootstrap-4

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

4 个答案:

答案 0 :(得分:3)

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

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

检查demo here

答案 1 :(得分:1)

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

答案 2 :(得分:0)

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

Polymer Catalog (grid)

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

答案 3 :(得分:0)