Polymer 当指定为light DOM时,flex属性不起作用

Polymer 当指定为light DOM时,flex属性不起作用,polymer,Polymer,当“flex”属性被指定为lightdom时,我试图让它很好地工作。下面的示例代码是我正在处理的自定义元素中的代码 这项工作: <core-scroll-header-panel fixed> <core-toolbar> <paper-icon-button icon="arrow-back"></paper-icon-button> <span flex>Hello!</span>

当“flex”属性被指定为lightdom时,我试图让它很好地工作。下面的示例代码是我正在处理的自定义元素中的代码

这项工作:

<core-scroll-header-panel fixed>
    <core-toolbar>
        <paper-icon-button icon="arrow-back"></paper-icon-button>
        <span flex>Hello!</span>
        <paper-icon-button icon="search"></paper-icon-button>
        <!--<content select="[toolbar]"></content>-->
    </core-toolbar>
    <div content>
        stuff...
    </div>
</core-scroll-header-panel>
你知道怎么做吗?我同意这样一种解决方案,即我需要在我正在创建的自定义元素中放置其他样式,但不确定如何操作。

插入点上使用
select=“[toolbar]
”,意味着您的light dom节点需要拉入
toolbar
属性:

<my-element>
  <paper-icon-button toolbar icon="arrow-back"></paper-icon-button>
  <span toolbar flex>Hello!</span>
  <paper-icon-button toolbar icon="search"></paper-icon-button>
</my-element>
<my-element>
  <paper-icon-button toolbar icon="arrow-back"></paper-icon-button>
  <span toolbar flex>Hello!</span>
  <paper-icon-button toolbar icon="search"></paper-icon-button>
</my-element>