【问题标题】:Make Polymer paper-tabs to be centered使聚合物纸标签居中
【发布时间】:2015-11-24 13:03:49
【问题描述】:

是否甚至可以将“可滚动”设置为 true 的聚合物纸标签在 div 中水平居中?

【问题讨论】:

    标签: javascript html css polymer components


    【解决方案1】:

    嗯,一切皆有可能。 :) 基本上你需要做两件事。

    首先,制作您的纸制标签text-align: center

      #scrollableTabs {
          text-align: center;
      }
    

    然后,因为scrollable 属性将absolute 位置添加到#tabsContent div,你需要通过给它一个默认值static 来覆盖它。 p>

      #scrollableTabs #tabsContent {
          position: static;
      }
    

    就是这样!亲身体验here

    【讨论】:

    • 哇,谢谢。你的例子正是我正在寻找的。我尝试应用该样式,但只应用了#scrollableTabs 的样式。 #scrollableTabs #tabsContent 的那个不是。当我在开发工具中检查它时,我根本看不到它的样式。当我在开发工具中手动更改位置时,它可以工作。看来我的风格渗透得不够深。你知道为什么会这样吗?
    • 可能是您的样式有
    • 你是对的。我把它命名为custom-style。但是,即使我删除了它,我仍然看不到正在应用的样式,甚至没有在开发工具中列出。
    • 试试清除缓存吧?还可以尝试将您的代码放入 plunker 中,以便我查看。
    • 这是我的代码,已简化为与本案例相关且足够的代码plnkr.co/edit/DpWqQ2MVfo0wxOhJiHws?p=preview
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2016-03-20
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2016-05-06
    相关资源
    最近更新 更多