2016-11-04 18:33发布
在移动端的web想使用flex来进行布局，布局成4x4的，也就是把子元素的宽度设置为25%子元素是图片，图片分正反两面，点击的话会进行3D翻转现在主流的做法是这样的 查看但是问题来了，这里面使用了position: absolute;这种属性导致的问题是，无法让图片进行正常的布局，不设置这个图片的高度的话就没有高度，设置了的话就不会自动收缩布局了
position: absolute;
建议将两张图片放到一个容器里进行操作吧。将容器的flex值设为1来进行布局。给图片设置position：absolute的话flex就没有意义了吧。
最多设置5个标签!
{var%20f='http://v.t.sina.com.cn/share/share.php?appkey=1515056452',u=z||d.location,p=['&url=',e(u),'&title=',e(t||d.title),'&source=',e(r),'&sourceUrl=',e(l),'&content=',c||'gb2312','&pic=',e(p||'')].join('');function%20a(){if(!window.open([f,p].join(''),'mb',['toolbar=0,status=0,resizable=1,width=440,height=430,left=',(s.width-440)/2,',top=',(s.height-430)/2].join('')))u.href=[f,p].join('');};if(/Firefox/.test(navigator.userAgent))setTimeout(a,0);else%20a();})(screen,document,encodeURIComponent,'','','https://wenda.whatsns.com/data/attach/logo/logo.png', '推荐 黄友志 的问题《怎么在flex里面实现图片的3D翻转》','https://wenda.whatsns.com/q-304948.html','页面编码gb2312|utf-8默认gb2312'));){kind=link}
付费偷看金额在0.1-10元之间
建议将两张图片放到一个容器里进行操作吧。将容器的flex值设为1来进行布局。
给图片设置position：absolute的话flex就没有意义了吧。
一周热门 更多>