- android - 多次调用 OnPrimaryClipChangedListener
- android - 无法更新 RecyclerView 中的 TextView 字段
- android.database.CursorIndexOutOfBoundsException : Index 0 requested, 光标大小为 0
- android - 使用 AppCompat 时,我们是否需要明确指定其 UI 组件(Spinner、EditText)颜色
我当前的代码使用表格来呈现缩略图。调整页面大小时,我使用 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/
我有一个具有可变数量子元素的固定大小的 div。我不知道 children 的大小。目标是缩小它们以适合父级。 例子: .parent { width: 100px; height: 100p
我是一名优秀的程序员,十分优秀!