<div flex =“”>里面的自定义元素没有弯曲

时间:2015-10-12 21:11:27

标签: polymer dart-polymer

对于Polymer Dart(1.0之前的版本),我有一个自定义元素,我的页面,其中包含以下HTML:

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

元素&lt; my-panel&gt; HTML创建一个div,如下所示:

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

但是,我的小组不是&#34;屈曲&#34;到我的页面结束。有没有办法让这个工作没有包装my-panel是它自己的&lt; div flex&gt;?

1 个答案:

答案 0 :(得分:0)

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

另请注意,flex仅适用于设置flexbox的直接子项,在本例中为Polymer的布局属性。

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

我建议找一个更清洁的方法来解决这个问题。将div放在自定义元素周围通常是有意义的。如果您需要它是有条件的,请使用<template if...