为了账号安全,请及时绑定邮箱和手机立即绑定

Multi-column Layout Module 多列混排

Multi-column Layout Module 多列混排

千万里不及你 2018-09-03 14:13:06
针对移动端请问现在有一个这样的需求,后台传入一组数据{[图片url,文字],[图片url,文字],[图片url,文字],[图片url,文字],[图片url,文字],[图片url,文字]}数组的个数是不定的要求是父元素高度是固定的.子元素从上往下排列,当父元素高度容纳不了子元素的时候,会向右再起一列,一直向右扩展.子元素li#item 里面是小图片和小标题.用flex布局很好的可以实现.但是UC浏览器无法实现.主要是因为uc不支持wrapdisplay:flexflex-flow:column wrapalign-content:flex-start请问css3中 Multi-column Layout Module 多列混排这个规范中能实现这种布局吗?我是了一下,只能实现每一列宽度都一样才行.但是这个页面的需求是要第一列比较宽.后面宽度一样.请问有办法实现吗?如果用js实现的话?这个是首屏该怎么用js排版??
查看完整描述

1 回答

?
墨色风雨

TA贡献1853条经验 获得超6个赞

你可以查查masonry的api,看能不能实现


查看完整回答
反对 回复 2018-10-17
  • 1 回答
  • 0 关注
  • 586 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号