Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/88.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/33.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 聚合物纸张标签的可变宽度_Html_Css_Polymer_Web Component - Fatal编程技术网

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
仅使箭头不透明(而不是消失)。当许多选项卡打开时,箭头仍然显示。这就是为什么应该用短横线框。