javascript - 如何将 polymer 纸标签对齐到右侧

Question

我现在正在尝试构建我的新个人网站，为了避免在我的计划中使用大量 JS，我正在尝试将构成网站导航的纸质标签对齐到右侧屏幕的边缘，但右侧仍有空白。我不能真正使用 CSS 边距，因为选项卡只会在我的屏幕上看起来正确。该网站位于 http://adueppen.github.io/ .

Answer 1

如果您在工具栏中放置一个具有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>