让文字和图片垂直居中对齐

让文字和图片垂直居中对齐（经常会用的，但是记不住的布局。。）
给img和文字所在的父容器设置如下css即可。
1.flex布局

 .box{
     display:flex;
     align-items: center;//子元素垂直居中
     justify-content: center;//子元素水平居中
    }

2.table布局

.box{
     display:table;
     vertical-alian:middle;
    }