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

时间:2016-08-26 13:52:32

标签: polymer

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

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

<paper-tabs scrollable fit-container>

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

所以,我想做的是:

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

    enter image description here

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

    enter image description here

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

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

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

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

    感谢。

0 个答案:

没有答案