在 Polymer 纸工具栏内定位元素答案

【问题标题】：Positioning Elements inside Polymer paper-toolbar在 Polymer 纸工具栏内定位元素
【发布时间】：2016-05-26 17:12:36
【问题描述】：

默认情况下，paper-toolbar 元素位于聚合物位置左侧的标题和菜单按钮，右侧的其余元素。是否可以将元素定位在paper-toolbar 的中心？

就我而言，我想将一篇论文或iron-input 居中以创建一个搜索字段。我想知道是否有一个简单的技巧可以做到这一点？

<paper-toolbar class="toolbar">
    <span class="title">Toolbar</span>
    <paper-input label="text input"></paper-input>
</paper-toolbar>

【问题讨论】：

标签： css polymer positioning paper-elements custom-element

【解决方案1】：

我相信你可以设置一个标签的类来改变它在纸张工具栏中的位置。然后工具栏的middleJustify 属性设置您希望将具有middle 类的标签水平放置的位置。

<paper-toolbar class="toolbar" middle-justify="center">
     <span class="title">Toolbar</span>
     <paper-input class="middle" label="text input"></paper-input>
</paper-toolbar>

【讨论】：