polymer 1.0 : Can anybody post a working example of iron-flex-layout?

Question

This Stack Overflow question文档缺少 <iron-flex-layout> 的文档Polymer 1.0 中的元素。

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

Answer 1

了解正在发生的事情的最好方法是亲眼目睹。

This is a link to a plnkr for every layout available.

它应该可以帮助您了解事情应该如何运作。

示例:

<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>