聚合体:核心-工具栏中的中心元素

Question

我想知道如何将一个元素集中在一个核心-工具栏聚合物元素中。我希望它位于屏幕的中心，而不是它的父元素的中心。

<core-header-panel>
    <core-toolbar id="mainheader">
        <paper-icon-button id="menuicon" icon="menu"></paper-icon-button>
        <span flex>Company Name</span>      
        <ELEMENT-TO-BE-CENTRALIZED></ELEMENT-TO-BE-CENTRALIZED>
        <paper-icon-button id="searchbutton" icon="search"></paper-icon-button>
    </core-toolbar>
</core-header-panel>

我读了一些关于对齐的文档(底部匹配和其他文档)，但是它们都没有工作。

Answer 1

在你想要居中的东西的另一边增加另一个灵活的跨度。

<core-header-panel>
    <core-toolbar id="mainheader">
        <paper-icon-button id="menuicon" icon="menu"></paper-icon-button>
        <span flex>Company Name</span>      
        <ELEMENT-TO-BE-CENTRALIZED></ELEMENT-TO-BE-CENTRALIZED>
        <span flex></span> <!-- I added this -->
        <paper-icon-button id="searchbutton" icon="search"></paper-icon-button>
    </core-toolbar>
</core-header-panel>

http://jsbin.com/xorex/2/edit