css - 为什么 display:inline 会杀死 IE 8.0 的性能？

Question

我有一个基于这个 jQuery 插件的图片库：

http://jqueryfordesigners.com/demo/slider-gallery.html

这在 Firefox、Chrome 甚至 IE 7.0 中运行良好，但是当我在 IE 8.0 中尝试使用超过 50 个图像时，性能非常缓慢。只需将鼠标悬停在缩略图上，CPU 负载就会达到 100%。

一开始我以为是Javascript的问题，所以我用了IE profiler，结果还是正常的。接下来我检查了CSS，终于找到了原因：

.sliderGallery UL LI { 显示：内联；}

这使缩略图水平对齐。如果我碰巧显示：块，性能很好并且滚动条仍在工作，但显然它看起来很有趣，因为拇指垂直对齐。

我的问题：

1. 为什么 IE 8 有很多 display:inline 元素会出现这个问题
2. 我能做些什么来解决它

如有必要，我很乐意提供更多信息。

Answer 1

你可以尝试拥有：

display: inline-block;

代替display: inline;

Lemmie 知道这是否有效。