2016-06-01 9 views
1

ペーパーツールバーの右端または最後に紙アイコンボタンを配置したいと考えています。これは私が試みたものです。ポリマーの紙ツールバーにアイコンを配置

<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

は、その効果を達成カントデモを試してみましたが、彼らはサイド

に並べて配置されています。

ありがとうございました。ありがとうございました。

+0

あなたの紙のアイコン・ボタンを右CSSプロパティをツールバー。あなたは両方の 'ペーパーアイコンボタン'を右に整列させたいと言っていますか? – tony19

+0

チェックボックスだけではありません。残念ながら、私はなぜそれがわからないのですか?だから私はcssを通してやった。 – user2536851

+0

参考のために、元のコードをそのまま使用して[codepen](http://codepen.io/tony19/pen/ezmrqv?editors=1000)を作成してください。おかげさまで – tony19

答えて

0

iron-flex-layoutを使用できます。それをインポートして、あなたがフロートしようとしないのはなぜ<span>

+0

はい、これは動作します。以前はCSSでやりましたが、今はこれが良い選択です。 – user2536851

0

class="flex"を追加します。あなたの現在のコードはすでにの右側に「チェックボックス」ボタンをレンダリングし

関連する問題