【发布时间】：2015-11-10 11:58:11
【问题描述】：
从这个简单的代码笔中可以看出：http://codepen.io/anon/pen/Mazjyv，有一个按钮，它是一个带有flex-basis 和0% 的弹性项目。
在其他浏览器中内容不会溢出按钮容器，但在 IE11 上会溢出。
有什么线索吗？
【问题讨论】：
标签： css internet-explorer internet-explorer-11 flexbox
【发布时间】：2015-11-10 11:58:11
【问题描述】：
问题在于这条规则：
button
{
flex: 0 0 0%;
}
你告诉button：不要增长，不要收缩，你的初始主尺寸是0。
改为使用：
button
{
flex: 1 0 0%;
}
另外，顺便说一句，Chrome 46 中也发生了文本溢出。
【讨论】：
-
问题是它增长太多了。在 Canary 和 Firefox 中，它的行为就像我想要的那样：不会增长或缩小，而是将 2 个单词折叠成 2 行。
-
“这两个词”是指按钮容器内的词每行一个。
-
你想要两行的单词吗？
-
关于您的答案更新的快速说明：弹性属性确实适用于按钮元素，但不适用于弹性容器元素。弹性项目属性很好。
-
是的，你完全正确。我已经回滚了编辑和revised my other answer。谢谢。