腾讯的问题

shuishouzhiqing 2012-08-20 04:18:04
大家可以看到腾讯微博中有个位评道,在这个页面中它的排版方式很特别,其中一点让我很是感兴趣,那就是它
整体布局为左中右,他们的宽度是一定的,但是他们的高度却是随着内容的变化而变化的。我尝试的做了一下,但是发现
如果是左中右分布的话会存在很多的问题,比如我如何控制他们的取数,以达到取到的内容是不同的,并且如果我的数据量如果
只有仅仅只有几十条的话,最后还要判断如何平均分给三列,而不至于导致某一列多出几条,排版不齐。
小弟,入行不久,乃是新手当中的新手,希望那位大哥可以不吝赐教,小弟不胜感谢,呵呵,“自娱自乐”!
我的理解有限,告诉我那个微评道的布局是如何做的可以吗?搞不懂,心里很急!谢谢!
...全文
368 3 打赏 收藏 转发到动态 举报
写回复
用AI写文章
3 条回复
切换为时间正序
请发表友善的回复…
发表回复
打字员 2012-11-05
  • 打赏
  • 举报
回复
每个item都绝对定位,一个个从左向右从上向下排列 每次加载N个item, 记下当前每一列的高度,按html代码的顺序将item排到列高度最小的列去(如果一样高,则以从左第一个为准),重置此列的高度,依次直到N个item排完 当然,你也可以搞复杂点,将当前的各列高度和新加载的item的高度一起计算,得到一个排列方式,让新的列高度都尽可能的相近。 个人觉得不要那么复杂比较好,因为如果页面resize,列数发生变化的话,当前加载项都要重新排,可能有很多个;而且,就算只是N个新item加载,这样从实际来看,也并没有更好,因为不会让人把页面拉到底才加载新item的,所以如果列之间出现空隙也不会有什么问题。
shuishouzhiqing 2012-08-20
  • 打赏
  • 举报
回复
顶起!!!!~~~a~~~

25,980

社区成员

发帖
与我相关
我的任务
社区描述
高性能WEB开发
社区管理员
  • 高性能WEB开发社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧