gpt4 book ai didi

html - 呈现数千个缩略图 table vs div vs span

转载 作者:太空宇宙 更新时间:2023-11-04 15:26:15 24 4
gpt4 key购买 nike

我当前的代码使用表格来呈现缩略图。调整页面大小时,我使用 javascript 重新计算行数并将单元格重新插入到正确的列中。

这适用于 100 个缩略图,但在显示 3000 个缩略图时有点慢。

所以我研究了 bing 如何显示其缩略图,它似乎使用了带有 display:inline-block 的 span 标签。我已经测试过使用 span 标签布置缩略图,这有利于在我调整页面大小时自动包装缩略图。我还测试了使用带有 float:left 的 DIV 标签,在某些浏览器上它似乎比 span 慢得多,但在其他浏览器上则不然。

但是我想知道对于我想要的那种缩略图布局,哪种方法在所有浏览器上通常最快。

a) 表格b) 带有 float:left 的 DIV 标签c) 带有 display:inline-block 的 Span 标签

一般来说,DIV 标签的渲染速度是否比 span 标签慢?

最佳答案

当然,div/span 解决方案总是比表格解决方案更快,因为您不必使用 javascript。

关于 span、div、float 和 inline-blocks 之间的区别:我无法想象有什么区别,但如果有的话,那将取决于你使用的浏览器,所以你必须测试一下在不同的浏览器中。

关于html - 呈现数千个缩略图 table vs div vs span,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1562253/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com