聚合物 - 纸张选项卡：选项卡内的有限字符

Question

我已经创建了一种使用 paper-tab 组件添加动态标签的方法，但在添加新标签时我想要一种特定的行为。

现在我使用可滚动和 fit-container ，因此当我添加新标签时，它们将适合容器，并在必要时激活滚动的。

<paper-tabs scrollable fit-container>

但是在某些情况下，标签内的字符串很长，这对移动设备不利。

所以，我想做的是：

1. 当空间足够时，长字符串应该完全出现： 一个带有很长字符串的纸张标签

   

2. 添加更多标签时，具有很长字符串的标签应截断为设定数量的字符： 多个标签

   

3. 最后，当添加更多标签并且达到长标签内的字符限制时，它不能再截断，激活可滚动选项。

我已经尝试使用 max-width 但是使用此属性时，当我只有1或2个标签时，标签不适合容器。

我还尝试使用 flex-basis ，但在这种情况下，带有小字符串的标签将没有比例宽度。

所以，如果有人对此有任何想法，那就太棒了。

感谢。