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

1
Alex Dueppen 15 sierpień 2014, 19:52

3 odpowiedzi

Najlepsza odpowiedź

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>
2
Scott Miles 16 sierpień 2014, 04:58

Spróbuj zawijać kartki papieru w <div horizontal end-justified layout style="width:100%">.

Sprawdź to odniesienie do używania Atrybuty układu.

0
kctang 15 sierpień 2014, 16:14

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:

enter image description here

<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>
0
Joel H. 1 sierpień 2016, 19:44