Html 聚合物纸张标签的可变宽度
我想实现的聚合物纸张标签,但我正在努力找到一种方法,有不同的标签宽度 我看到可滚动选项卡的宽度是可变的,但是由于屏幕上的滚动箭头,我不能在我的用例中使用这些宽度Html 聚合物纸张标签的可变宽度,html,css,polymer,web-component,Html,Css,Polymer,Web Component,我想实现的聚合物纸张标签,但我正在努力找到一种方法,有不同的标签宽度 我看到可滚动选项卡的宽度是可变的,但是由于屏幕上的滚动箭头,我不能在我的用例中使用这些宽度 我试图通过手动更改宽度来编辑选项卡的CSS,但是这会更改选项卡的所有宽度。如果设置可滚动属性,将使选项卡的宽度成为动态的。您还可以设置hideScrollButton属性以防止显示箭头 您可以在纸张选项卡上方添加一个div包装,并设置宽度 <div id="tab_container" style="width:6
我试图通过手动更改宽度来编辑选项卡的CSS,但是这会更改选项卡的所有宽度。如果设置
可滚动属性,将使选项卡的宽度成为动态的。您还可以设置hideScrollButton
属性以防止显示箭头
您可以在纸张选项卡上方添加一个div包装,并设置宽度
<div id="tab_container" style="width:60%">
<paper-tabs selected="{{selected}}">
<paper-tab>Tab 1</paper-tab>
<paper-tab>Tab 2</paper-tab>
<paper-tab>Tab 3</paper-tab>
</paper-tabs>
</div>
表1
表2
表3
嗨,我和你在同一条船上scrollable
确实通过动态方式将宽度设置为,但hideScrollButton
仅使箭头不透明(而不是消失)。当许多选项卡打开时,箭头仍然显示。这就是为什么应该用短横线框。