聚合物1.0:任何人都可以发布铁 - 柔性布局的工作示例吗？

Question

此Stack Overflow问题记录了<iron-flex-layout>Polymer 1.0中缺少元素的文档.

有人可以发一个使用的工作示例<iron-flex-layout>吗？

Answer 1

知道发生了什么的最好方法是亲自看看.

这是每个可用布局的plnkr链接.

它应该可以帮助您掌握事物的工作方式.

有什么例子:

<div class="vertical layout" style="height:250px">
  <div><p>div</p></div>
  <div class="flex"><p>flex (vertical layout)</p></div>
  <div><p>div</p></div>
</div>

<div class="horizontal layout">
  <div class="flex-3"><p>flex three</p></div>
  <div class="flex"><p>flex</p></div>
  <div class="flex-2"><p>flex two</p></div>
</div>