关于column-content实现瀑布流的一些问题

 之前自己在做小程序项目时因为业务需求,需要给商品列表添加一个瀑布流布局,当时就在网上查找。发现column-content的多列布局实现瀑布流布局简单粗暴,于是本人就愉快的在项目中使用了。用上之后发现个比较严重的问题!内容会被拦腰截断。解决截断的方法为:给子元素添加height:100%,overflow:auto 就可以了。(再说一句,这个布局在iphone手机上会不兼容。目前还没有找到解决办法)

兼容iphone的问题已解决 因为 margin 在 iphone 中显示和安卓 有差异。所以我用了个十分粗暴的笨方法,在列表中添加了一个空的view 标签,高度写成之前的maigin距离就可以了。

转载于:https://www.cnblogs.com/kangshuishneg/p/11146527.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值