Question

我想实现Polymer Paper标签，但是我很难找到一种方法来为标签设置不同的宽度。

我看到可滚动的标签具有可变宽度，但由于显示的滚动箭头，我不能将它们用于我的用例。

我试图通过手动更改宽度来编辑标签的CSS，但这会更改标签的所有宽度。

Answer 1

如果设置scrollable属性，则会使标签的宽度为动态。您还可以设置hideScrollButton属性以防止显示箭头。

<paper-tabs selected="0" scrollable hide-scroll-button>

Answer 2

您可以在纸张标签上方添加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>

聚合物纸张标签的可变宽度

2 个答案: