Positionieren von Icons auf der Papier-Werkzeugleiste in Polymer

Ich möchte die Papier-Icon-Taste am rechten/Ende der Papier-Werkzeugleiste platzieren können. Das habe ich ausprobiert.Positionieren von Icons auf der Papier-Werkzeugleiste in Polymer

<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>

Ich habe versucht, mit mittleren und unteren rechtfertigen auch. Die Wirkung zur Zeit ist sie nebeneinander

Auch habe ich die Demo hier versucht platziert https://elements.polymer-project.org/elements/paper-toolbar?view=demo:demo/index.html&active=paper-toolbar

kippe diese Wirkung zu erzielen.

Alle Vorschläge oder Beispiele Danke.

Quelle

2016-06-01 user2536851

Ihr aktueller Code bereits macht die „Checkbox“ Taste auf der rechten Seite von die Symbolleiste. Willst du damit sagen, dass beide Papier-Icon-Buttons nach rechts ausgerichtet sein sollen? – tony19

nein, nur die Checkbox. Es ist leider nicht aufgetaucht, ich bin mir nicht sicher warum. So habe ich es geschafft, durch CSS zu tun. – user2536851

Als Referenz hier ist ein [Codepen] (http://codepen.io/tony19/pen/ezmrqv?editors=1000) mit Ihrem ursprünglichen Code funktioniert ohne Änderungen. – tony19

Sie können die iron-flex-layout verwenden. Importieren Sie es und fügen Sie dann die class="flex" zur <span>

Quelle

2016-06-01 17:10:57

Danke. Ja, das funktioniert. Ich habe es vorher durch css geschafft, aber jetzt ist das eine bessere Option. – user2536851

Warum nicht float versuchen: Recht CSS-Eigenschaft auf dem Papier-icon-Taste

Quelle

2016-06-01 17:49:23 a1626

Positionieren von Icons auf der Papier-Werkzeugleiste in Polymer

Antwort

Verwandte Themen