Polymer 聚合物1.0：如何停止<；纸质菜单项>；为什么不包装他们的文本？ 代码示例

。请注意文本是如何换行的。我想：

• 消除文本换行和
• 使菜单项扩展其宽度以匹配内部文本的宽度
• 这可能需要强制菜单从右向左展开，因为按钮在工具栏中右对齐

我将如何做到这一点？请提供工作的JSBin代码示例

代码

聚合物仓
这是纸张菜单和按钮显示的长标签
这是纸张菜单和按钮的另一个长标签
这仍然是纸质菜单的又一个长标签
内容在这里。。。
（功能（）{
聚合物({
是：“x元素”
});
})();

这并不完美，但它应该让您了解应该更改的css属性类型以及如何更改：

改变的是风格：

<style>
  paper-menu-button{
    --paper-menu-button-dropdown:{
      max-width: 100%;
      right:70vw;
    };
  }
  paper-item{
    --paper-item:{
      white-space: nowrap;
      width: 100%;
    };
  }
</style>

纸张菜单按钮{
--纸张菜单按钮下拉列表：{
最大宽度：100%；
右：70vw；
};
}
纸品{
--文件项目：{
空白：nowrap；
宽度：100%；
};
}

基本上，您必须将

空白：nowrap

添加到项目中，以便它们的文本显示在一行中，然后播放项目的宽度以及下拉菜单的水平位置和宽度（尝试将下拉菜单的位置更改为固定位置或其他方法也会有所帮助）

然后，您应该以某种自定义样式在元素外部设置此css属性（除非您希望元素仅在设置的位置上工作）

<style>
  paper-menu-button{
    --paper-menu-button-dropdown:{
      max-width: 100%;
      right:70vw;
    };
  }
  paper-item{
    --paper-item:{
      white-space: nowrap;
      width: 100%;
    };
  }
</style>