HTML5 Flexbox是否可以在两个轴上拉伸？

我有一个flexbox div，它允许一个子元素。到目前为止，我已经能够让孩子们的路线很好地工作（顶部，左侧，右侧，底部等），包括垂直拉伸。我还希望能够同时支持水平拉伸和垂直拉伸（“同时”似乎是关键）

我已经能够通过在子元素上将“flex”属性设置为“1100%”来完成水平拉伸，但是这似乎忽略了应用于父元素的任何填充（以及应用于子节点的任何边距）

---

查看flexbox规范，我无法找到任何其他方法沿flexbox的主轴执行此操作。交叉轴拉伸没有问题。

这是可能的。下面是一个小示例，它向您展示了如何：

.centerbox{
/*基本造型*/
宽度：350px；
高度：95px；
字体大小：14px；
边框：1px实心#555；
背景：#CFC；
/*flexbox，请帮个忙*/
显示：-网络工具包盒；
-webkit盒方向：水平；
-webkit盒包：中心；
-webkit框对齐：居中；
显示器：-moz盒；
-moz盒方向：水平；
-莫兹盒包装：中心；
-moz框对齐：居中；
显示：框；
盒子方向：水平；
盒式包装：中间；
框对齐：居中；
}

.中心盒{
/*基本造型*/
宽度：350px；
高度：95px；
字体大小：14px；
边框：1px实心#555；
背景：#CFC；
/*flexbox，请帮个忙*/
显示：-网络工具包盒；
-webkit盒方向：水平；
-webkit盒包：中心；
-webkit框对齐：居中；
显示器：-moz盒；
-moz盒方向：水平；
-莫兹盒包装：中心；
-moz框对齐：居中；
显示：框；
盒子方向：水平；
盒式包装：中间；
框对齐：居中；
}
请给我调整尺寸

虽然您找到了解决方案，但我认为下一个代码片段对于所有搜索通用解决方案的开发人员（比如我）来说都很方便。 如果你能提出你的解决方案，我会很高兴的

---

p、 感谢Jiri（flex大师）

我找到了它。我正在寻找的属性是“flex 1 0px”，它可以在最新版本的Chromium（v20）中工作，但不能在当前的Chrome版本（v18）中工作。在铬v20+和Dartium v20中测试+