Css Firefox未正确显示水平列表

我正在为一个朋友创建一个画廊网站。画廊应该显示在一个水平列表中，并且应该溢出，以便它可以从左向右滚动。它在Chrome中运行良好，但在Firefox中垂直显示

---

你可以现场观看。结果是，

jQuery.fadeIn（）

（以及其他派生的show方法）将

style=“display:block”

添加到您调用它的DOM元素中，有时会在Firefox中产生不稳定的结果

---

在

ul

而不是

li

上调用

jQuery.fadeIn（）

会产生正确的结果。

结果是，

jQuery.fadeIn（）

（和其他派生的show方法）将

style=“display:block”

添加到您调用它的DOM元素中，有时会在Firefox中产生不稳定的结果

---

在

ul

上调用

jQuery.fadeIn（）

而不是

li

会产生正确的结果。

由于某些原因，我还没有尝试找到，所有

li

在Firefox中都有

display:block

。这可能是因为我在元素上使用了jQuery.fadeIn（）。您可能想使用“float:left；”在li元素上，而不是“display:inline block；”。一个有效但不干净的修复程序是添加

！重要的

to

body div.container ul.gallery\u container li.gallery{display:inline block；}

@BenLee，有什么特别的原因吗？出于某种原因，我还没有找到，所有的

li

在Firefox中都有

display:block

。这可能是因为我在元素上使用了jQuery.fadeIn（）。你可能想使用“浮动：左；而不是“显示：内联块；“。一个有效但不干净的修复方法是将

！important

添加到

body div.container ul.gallery\u container li.gallery{display:inline block；}

@BenLee，有什么特殊原因吗？”？