聚合物：集中核心工具欄中的元素

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