我想在工具栏右侧放置纸质图标按钮,我该怎么办？

Question

我想在工具栏右侧放置纸质图标按钮,我该怎么办？

我已经使用了水平对齐:"正确",但它不起作用......

<paper-toolbar>
  <paper-icon-button src="AC.png" paper-drawer-toggle></paper-icon-button>
  <paper-menu-button id="sortbt" >
    <paper-icon-button icon="hardware:keyboard-arrow-down" class="dropdown-trigger"></paper-icon-button>
    <paper-menu class="dropdown-content">
      <paper-item>Not pay yet</paper-item>
      <paper-item>paid</paper-item>
      <paper-item>by boss num</paper-item>
    </paper-menu>
  </paper-menu-button>
  <paper-icon-button icon="icons:home" id="homebt" horizontal-align="right"></paper-icon-button>
</paper-toolbar>

Run Code Online (Sandbox Code Playgroud)

我应该怎么做聚合物1.x.

Answer 1

Sco*_*les 7

IMO最简单的方法是使弯曲跨度占据中间空间.

<!doctype html>
<head>
  <meta name="description" content="Polymer Example">
  <meta charset="utf-8">
  <base href="http://polygit.org/components/">
  <script src="webcomponentsjs/webcomponents-lite.min.js"></script>
  <link rel="import" href="iron-icons/iron-icons.html">
  <link rel="import" href="paper-toolbar/paper-toolbar.html">
  <link rel="import" href="paper-menu-button/paper-menu-button.html">
  <link rel="import" href="paper-icon-button/paper-icon-button.html">
</head>
<body>
  <paper-toolbar>
    <paper-icon-button icon="icons:menu" paper-drawer-toggle></paper-icon-button>
    <paper-menu-button id="sortbt" >
      <paper-icon-button icon="hardware:keyboard-arrow-down" class="dropdown-trigger"></paper-icon-button>
      <paper-menu class="dropdown-content">
        <paper-item>Not pay yet</paper-item>
        <paper-item>paid</paper-item>
        <paper-item>by boss num</paper-item>
      </paper-menu>
    </paper-menu-button>
    <span style="flex: 1;"></span>
    <paper-icon-button icon="icons:home" id="homebt"></paper-icon-button>
  </paper-toolbar>
</body>

Run Code Online (Sandbox Code Playgroud)

归档时间：	9 年，11 月前
查看次数：	2160 次
最近记录：	9 年前