纸质工具栏不会使内容居中

时间:2015-11-27 14:50:58

标签: css polymer

我想在我的纸质工具栏中居中标题和导航链接。我正在使用这些属性"对齐"和" bottomJustify"要做到这一点,但内容仍然在左侧。

<paper-toolbar class="medium-tall" justify="center" bottomJustify="center">
    <div class="title">Titel</div>
    <div class="bottom">
       <a data-route="contact" href="contact">
          <span>Contact</span>
       </a>
   </div>
</paper-toolbar>

哪个&#34;高度&#34;无关紧要。我选择。它永远不会奏效。有没有人知道如何解决这个问题?

更新

此代码有效:

   <paper-toolbar class="medium-tall" justify="center" bottom-justify="center">
        <div class="top">
            Title
        </div>
        <div class="bottom">
            <a data-route="contact" href="contact">
                <span>Contact</span>
            </a>
        </div>
    </paper-toolbar>

我必须:

  • 将bottomJustify更改为bottom-justify
  • 删除&#34;标题&#34;而是使用&#34; top&#34;类

1 个答案:

答案 0 :(得分:3)

在您的代码中,您应使用bottom-justify代替bottomJustify来设置属性!