<div flex> 自定义元素内部不弯曲

Question

对于Polymer Dart (pre 1.0)，我有一个自定义元素my-page，它具有以下HTML:

<div vertical layout>
  <div> ... stuff ... </div>
  <div> ... stuff ... </div>
  <my-panel> ... panel stuff ... </my-panel>
</div>

元素my-panel>HTML创建一个div，如下所示:

<div flex>
  <content></content>
</div>

但是，my-panel没有"弯曲"到my-page的末尾。有没有一种方法可以让这个工作没有包装my-panel是自己的

你想做的事情听起来不像是一个好的做法。元素应该被封装，并且能够独立存在。在这种情况下，放置一些标记并期望某些父元素完成它似乎是不正确的。

另外，请注意，flex只适用于您设置flexbox的直接子，在这种情况下，通过Polymer的布局属性。

最后，请注意，Polymer在元素的Shadow DOM中添加了额外的标记(至少在1.0之前)，因此不要期望在该元素的阴影深处的div与您定义的flexx相关联。

我建议找到一个更清晰的方式来布置它。在自定义元素周围使用div通常是有意义的。如果你需要它是有条件的，使用<template if...