javascript - 宽度随机的瀑布流怎么实现?
天蓬老师
天蓬老师 2017-04-10 15:31:06
[JavaScript讨论组]

传统的瀑布流是宽度固定,现在有个需求是宽度是随机的瀑布流,这可以实现吗?

天蓬老师
天蓬老师

欢迎选择我的课程,让我们一起见证您的进步~~

全部回复(5)
黄舟

我觉得可以这样,根据列数先算出随机范围,留最后一列用总宽度减

黄舟

可以用框架的 比如bootstrap

黄舟

个人觉得主要还是看你要展示的内容性质吧,一般瀑布流项目都是有点击之后展示详细操作的,所以也就是展示一个摘要,宽度固定算是比较合理的一种布局方式,毕竟固定一边,另一边 - 高度计算也就随原始大小等比例得出,同时宽度固定也可以在纵向两边对齐(基于展示项基本顺序,列表最下面可能无法对齐),符合我们的视觉习惯。

而高度固定,每行左对齐的话,则势必会造成右边对齐困难。参考QQ相册的照片视图,有些图片做了一些裁剪显示实现行末对齐。

所以如果宽高都不固定的,又在行末有对齐要求的话,势必需要就列表数据整体评估,然后调整展示顺序... 想想还是比较复杂,出来的效果应该也不见得是需求方想要的。

所以,至少也是有限的几种固定宽度,而不是随机宽度。

PHP中文网

看看这篇文章的分享:http://blog.brain1981.com/829.html

黄舟

我觉得根据每列的宽度和屏幕的宽度,进行分配

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号