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

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

1 个答案: