移动端重构图片文字的水平垂直居中

移动端重构的时候，常见图文居中分两种，一种是这样图片跟文字呈上下结构的



这种比较简单，在这里就不详细说了。

今天群里有人问到了另外一种的

，类似这样的，图片与文字呈左右结构的，并且图文水平垂直居中



大致意思就是，图片跟文字是左右结构，图片可以根据屏幕大小变化，右边文字有可能一行，有可能多行，都要求在那个方框里面垂直居中。并且图片跟文字整体在方框里面也是水平垂直居中的。甚至那个方框的高都不是固定的。

正好自己前些天也碰到这问题，当时赶项目做得有点粗糙，今天重新写写。

上次那项目做的- -要是万一文字变多了，我那里又得改一些padding之类的值，现在不用担心了。