Javascript 如何将聚合物纸张标签对齐到右侧

我现在正在尝试建立我的新个人网站，为了避免在我的计划中使用大量的JS，我正在尝试将构成网站导航的纸质标签对齐到屏幕的右侧，但仍然在右侧留有空白。我不能真正使用CSS页边距，因为选项卡只能在我的屏幕上显示。该站点位于。

尝试在

中包装纸张标签

---

使用时签出此引用。

如果在工具栏中放置具有

flex

属性的元素，它将填充插入该元素的空间。您可以使用此选项右对齐选项卡，如下所示：

<core-toolbar class="tall animate">
  <span class="bottom" flex></span>
  <paper-tabs id="tabs" selected="0" class="bottom indent" style="width: 300px">
    <paper-tab name="home"><p>Home</p></paper-tab>
    <paper-tab name="projects" ><p>Projects</p></paper-tab>
    <paper-tab name="blog"><p>Blog</p></paper-tab>
    <paper-tab name="about"><p>About</p></paper-tab>
  </paper-tabs>
</core-toolbar>

家

计划

博客

关于

在Polymer 1.6中，

纸张工具栏

与

class=“title”

元素分开

“title”元素将是左侧的最后一项，其后的元素将右对齐

从聚合物

纸张工具栏

演示：

---

看起来不错，但现在标签并不在底部。见网站。

<paper-toolbar>
  <paper-icon-button icon="menu"></paper-icon-button>
  <span class="title">Title</span>
  <paper-icon-button icon="refresh"></paper-icon-button>
  <paper-icon-button icon="add">+</paper-icon-button>
</paper-toolbar>

<div class="title"></div>