Polymer 1.0:有人能发布iron flex布局的工作示例吗?

Polymer 1.0:有人能发布iron flex布局的工作示例吗?,polymer,polymer-1.0,Polymer,Polymer 1.0,记录Polymer 1.0中缺少元素的文档 有人可以发布一个在Polymer 0.5中使用的工作示例吗?布局值是属性 <div horizontal layout> <div flex></div> <div></div> </div> 在聚合物1.0中,它们是类 因此,首先导入元素。然后像下面的例子一样使用它 <div class="horizontal layout"> <div cl

记录Polymer 1.0中缺少
元素的文档


有人可以发布一个在Polymer 0.5中使用
的工作示例吗?

布局值是属性

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

在聚合物1.0中,它们是类

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

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

该代码将为您提供一个跨越页面宽度的div,flex div将占据除第二个div内容宽度之外的所有可用宽度


希望这能为你指明正确的方向

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

它应该能帮助你了解事情是如何运作的

有哪些示例:

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

div

柔性(垂直布局)

div

伸缩三

弯曲

伸缩二


Wut?为什么你发布了一个问题,并链接到你的另一个问题,这个问题有你的答案?你标记为正确。完美!那个笨蛋就是我要找的!奇怪的是,它是在一些随机的打劫中,而不是在官方文件中。我可以确认链接仍然有效。但是Safari还不支持。所以用户必须使用Chrome来查看它。