码迷,mamicode.com
首页 > 移动开发 > 详细

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

时间:2015-06-03 13:17:39      阅读:156      评论:0      收藏:0      [点我收藏+]

标签:

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

技术分享

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

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

 

技术分享

 

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

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

 

 

 

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

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

标签:

原文地址:http://www.cnblogs.com/hezhi/p/4548746.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!