在聚合物中的纸工具栏上定位图标

时间:2016-06-01 12:32:00

标签: polymer toolbar

我希望能够将纸张图标按钮放在纸张工具栏的右侧/末端。这就是我的尝试。

<paper-toolbar class="toolbar" justify="end">
    <paper-icon-button icon="menu" drawer-toggle></paper-icon-button>
    <span class="title">{{page}}</span>
    <paper-icon-button  icon="check-box" class="justify"></paper-icon-button>
</paper-toolbar>

我也尝试过中间对齐和底部对齐。目前的效果是他们并排放置

此外,我在这里尝试了演示https://elements.polymer-project.org/elements/paper-toolbar?view=demo:demo/index.html&active=paper-toolbar

无法达到这种效果。

感谢任何建议或示例。

2 个答案:

答案 0 :(得分:0)

您可以使用iron-flex-layout。导入它,然后将class="flex"添加到<span>

答案 1 :(得分:0)

为什么不在你的纸上图标按钮上试试浮动:右css属性