使用flex布局来垂直和水平居中

css3的flex布局特别适用于图片和文字混杂在一同一行的时候来实现居中：

display: flex;
justify-content: center;
align-items: center;

image.png