使聚合物纸标签居中

Posted 2023-02-23

【中文标题】使聚合物纸标签居中

【英文标题】：Make Polymer paper-tabs to be centered

【发布时间】：2015-11-24 13:03:49

【问题描述】：

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

【参考方案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