Chrome 21中的CSS3 flex-direction属性丢失效果？

关于Chrome 21中的CSS3 flex-direction属性丢失效果的问题，我们可以从以下几个方面进行分析：

1. 浏览器兼容性问题：Chrome 21是一个较旧的浏览器版本，可能存在对CSS3 flex-direction属性的支持不完全或存在兼容性问题。建议您升级到最新版本的Chrome浏览器以获得更好的兼容性和性能。
2. 使用方法问题：确保您在使用CSS3 flex-direction属性时，正确地设置了属性值。flex-direction属性有四个可选值：row、row-reverse、column、column-reverse。例如，如果您想要水平排列子元素，可以使用以下代码：

.container {
  display: flex;
  flex-direction: row;
}

1. 检查CSS代码：确保您的CSS代码没有错误，并且没有被其他样式覆盖。您可以使用浏览器的开发者工具（例如Chrome的DevTools）来检查应用到元素上的样式。
2. 使用polyfill：如果您的应用程序需要在不支持CSS3 flex-direction属性的浏览器上运行，可以考虑使用polyfill。Polyfill是一种填充库，可以为旧版浏览器提供新的功能。对于flex-direction属性，可以使用如下polyfill：

• flexibility.js
• autoprefixer

1. 使用其他布局方法：如果您的应用程序需要在不支持CSS3 flex-direction属性的浏览器上运行，可以考虑使用其他布局方法，例如浮动布局、定位布局等。

总之，Chrome 21中的CSS3 flex-direction属性丢失效果可能是由于浏览器兼容性问题、使用方法问题、CSS代码问题、缺少polyfill或使用其他布局方法等原因导致的。建议您检查这些方面并进行相应的调整。