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

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

技术分享

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

今天群里有人问到了另外一种的技术分享,类似这样的,图片与文字呈左右结构的,并且图文水平垂直居中

 

技术分享

 

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

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

 

 

 

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

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。