使用flexbox在CSS实现中央的一个例子
CSS的未来发展方向是采用flexbox设计解决共同的问题,如垂直中心。请注意,flexbox不止一种方式,他也可以用来解决列的布局问题,和陌生的。
CSS代码将内容复制到剪贴板。
{。center-container.is-flexbox
显示:WebKit的盒子;
显示:-moz盒;
显示:MS flexbox;
显示:WebKit的Flex;
显示:flex;
Webkit框对齐:中心;
-moz盒对齐:中心;
-女士对齐:中心;
WebKit项目:中心对齐;
对齐项目:中心;
WebKit的纸盒包装:中心;
-moz包:中心;
- Flex包:中心;
WebKit的证明内容:中心;
验证内容:中心;
}
效益:
内容可以是任意的和广泛的,溢出可以很好地发挥作用。
可用于各种先进的布局技术
注意:不支持ie8-9
您需要在正文上编写样式,或者需要额外的容器。
各种厂商前缀必须与现代浏览器兼容。
可能存在潜在的性能问题。