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