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