摘要: 在列表展示中,经常会使用卡片的内容展示形式,为了美观,常常要求各卡片间的间隙是一致的。 卡片内容不一样可能高度不等,但一般来说为了整体的一致性,会限制每个卡片的宽高都相等。 本文就基于宽高一致的多个卡片,在不同屏幕大小下,每行卡片数量可能有调整,考量如何实现等间隙的布局。 点我预览 放置一张张卡片项 阅读全文
posted @ 2018-12-02 15:26 -渔人码头- 阅读(2485) 评论(1) 推荐(2) 编辑
摘要: 图片的横向瀑布流,其实简单地按顺序排列就可以了 但要实现每行中各图片都等高(各行不一定等高,但每行里面等高),且每行都占满,就需要用到flex的特性了 控制每行图片高度都一致,可能会影响图片的比例,所以不能简单暴力地设置高度,需要按比例来动态计算 另外,如要限制图片展示的行数,则只需判断好每行总高度 阅读全文
posted @ 2018-12-02 01:51 -渔人码头- 阅读(3626) 评论(0) 推荐(0) 编辑