Polymer:在核心工具栏中集中元素

Question

我想知道如何在核心工具栏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>

我正在阅读有关对齐(底部适合和其他)的一些文档,但它们都没有奏效.

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