本文主要介绍了flexbox CSS实例实现的中心作用，并注意在IE浏览器的兼容性问题，需要的朋友可以参考一下。





CSS的未来发展方向是采用flexbox设计解决共同的问题，如垂直中心。请注意，flexbox不止一种方式，他也可以用来解决列的布局问题，和陌生的。


CSS代码将内容复制到剪贴板。


{。center-container.is-flexbox
显示：WebKit的盒子；
显示：-moz盒；
显示：MS flexbox；
显示：WebKit的Flex；
显示：flex；
Webkit框对齐：中心；
-moz盒对齐：中心；
-女士对齐：中心；
WebKit项目：中心对齐；
对齐项目：中心；
WebKit的纸盒包装：中心；
-moz包：中心；
- Flex包：中心；
WebKit的证明内容：中心；
验证内容：中心；
}




效益：

内容可以是任意的和广泛的，溢出可以很好地发挥作用。
可用于各种先进的布局技术

注意：不支持ie8-9

您需要在正文上编写样式，或者需要额外的容器。
各种厂商前缀必须与现代浏览器兼容。
可能存在潜在的性能问题。