雪花徐徐飘下，如芦花，似柳絮，像轻悠悠的鹅毛，无尽无休地飘着，飘着，宛如那美丽的银蝶在院中翩翩起舞，又像一群穿白纱裙的小舞女，伴着天空传来的仙乐，轻轻盈盈地在空中飘舞着，旋转着，跳着动人的舞蹈。那么轻快的身影，那么飘逸的舞姿，每一片晶莹的雪花都像一曲婉转、悠扬、清新的轻音乐，都仿佛是一首轻快、和谐、明丽的小诗。哦，神奇的小雪花……
CSS未来发展的方向就是采用Flexbox这种设计，解决像垂直居中这种共同的问题。请注意，Flexbox有不止一种办法居中，他也可以用来分栏，并解决奇奇怪怪的布局问题。
CSS Code复制内容到剪贴板
- .Center-Container.is-Flexbox{
- display:-webkit-box;
- display:-moz-box;
- display:-ms-flexbox;
- display:-webkit-flex;
- display:flex;
- -webkit-box-align:center;
- -moz-box-align:center;
- -ms-flex-align:center;
- -webkit-align-items:center;
- align-items:center;
- -webkit-box-pack:center;
- -moz-box-pack:center;
- -ms-flex-pack:center;
- -webkit-justify-content:center;
- justify-content:center;
- }
好处：
内容可以是任意高宽，溢出也能表现良好
可以用于各种高级布局技巧
同时注意： 不支持IE8-9
需要在body上写样式，或者需要额外容器
需要各种厂商前缀兼容现代浏览器
可能有潜在的性能问题
到此这篇关于CSS中如何使用Flexbox来达到居中效果的实例就介绍到这了。人们更容易和自己亲近的人发火，而不是他们讨厌的人。所谓亲近的人，就是大部分时间和他们在一起的人--这一点很重要，这说明我们发火往往是因为我们对自己亲近的人有更多期望，或者说，想从他们那里得到更多东西。更多相关CSS中如何使用Flexbox来达到居中效果的实例内容请查看相关栏目，小编编辑不易，再次感谢大家的支持！
