Polymer 聚合物：将元素集中在核心工具栏中

我想知道如何将元素集中在核心元素中。我希望它位于屏幕的中心，而不是其父元素的中心

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

公司名称

---

我读了一些关于对齐的文档（底部配合和其他），但没有一个有效。

在要居中的对象的另一侧添加另一个灵活的跨度

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

公司名称

---

在要居中的物体的另一侧添加另一个灵活的跨度

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

公司名称