使用flexbox在CSS实现中央的一个例子

使用flexbox在CSS实现中央的一个例子
本文主要介绍了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

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

tag:例子电脑软件flexboxCSS

相关内容