Question

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

有人可以发布使用<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>

Answer 2

在Polymer 0.5中，布局值是属性

<div horizontal layout>
  <div flex></div>
  <div></div>
</div>

在Polymer 1.0中，它们是类

所以首先导入元素。然后像下面的例子一样使用它

<div class="horizontal layout">
  <div class="flex"></div>
  <div></div>
</div>

该代码将为您提供跨越页面宽度的div，其中flex div占用了除第二个div的内容宽度之外的所有可用宽度。

希望这能指出你正确的方向。

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

2 个答案: