利用css flex实现垂直居中

把持cssflex实现垂直居中。flex笼统不是实现垂直居中最佳的抉择，因为IE8,9其实不支持它。

而今，为了用flex实现垂直居中，我们起首要创设一个包裹着图片的div元素，今后给它界说一些根底属性。

如下图片img宽度为（配置为）100px，高度为100px。

HTML代码一小部分：

CSS代码局部：

body{
 background:#999}

.flexbox{
    width: 300px;
    height: 250px;
    bac千克round:#fff;
    display: flex;
align-items: center}

.flexbox img{
    width: 100px;
    height: 100px;
    align-items: center;
}
    

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！