如何让一个元素在父级元素中上下左右都居中

（1）要居中元素必须是inline-block元素

（2）给要居中元素的父元素加上text-align：center（左右居中）

（3）给当前元素加上同级元素span，注意不能加回车和换行（因为行内块元素受空格影响）

（4）给当前元素加上vertical-align：middle

（5）span{

                   display:inline-block;

                   width:0;

                    height:100%;

                    vertical-align:middle;

                     }