Próbuję teraz zbudować moją nową osobistą stronę internetową i uniknąć używania ogromnych gobów JS za to, co planuję, staram się wyrównać kartę papierową, która tworzy nawigację na stronie na prawą stronę ekranu , ale nadal z marginesem po prawej stronie. Naprawdę nie mogę używać marginesów CSS, ponieważ zakładki wyglądałyby tylko na moim ekranie. Strona jest w http://adueppen.github.io/.
3 odpowiedzi
Jeśli umieścisz element z atrybutem flex na pasku narzędzi, wypełnia przestrzeń, w której jest włożona. Możesz użyć tego do prawej - wyrównaj karty, tak jak:
<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>
Spróbuj zawijać kartki papieru w <div horizontal end-justified layout style="width:100%">.
Sprawdź to odniesienie do używania Atrybuty układu.
W polimerze 1.6, paper-toolbar jest podzielony z elementem class="title".
Element "tytułowy" będzie ostatnim elementem po lewej stronie, a elementy po tym, jak będą słuszne uzasadnione.
Z polimeru paper-toolbar demo:
<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>
Jeśli nie chcesz tytułu, użyj pustego div:
<div class="title"></div>