css - 在 Polymer paper-toolbar 中定位元素

Question

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

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

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

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