瀑布流布局实现方式对比

实现瀑布流布局有两种方式:1. 使用javascript 实现。2. 使用css3 的column属性实现。javascript是通过页面的宽度以及元素块的宽度计算出列数,然后计算出每一个块的left与top距离来确定元素块的位置。当然需要先设置包括所有元素块的父元素的position为relative 以及 每个元素块的position设置为absolute。主要实现代码: css3 是通过设置包裹所有元素块的盒子的column属性来实现瀑布流。示例代码如下: 或者 两种方式对比:css3 : javascript:

本文章由javascript技术分享原创和收集

发表评论 (审核通过后显示评论):

昵称:
邮箱:
内容: