jquery - jscrollpane 在 firefox 中不起作用，在 chrome 中起作用

Question

我正在使用 jScrollpane 来水平展示图像和 div 的组合。我设法让它在 chrome 上运行，但我认为 firefox 没有选择 CSS 来保持图像不换行，也不会水平滚动。

您可以在此处查看它的运行情况 --

http://dentasignclients.com/opo2/single-portfolio.php

相关的 CSS 如下:

.scroll-pane{
    width: 100%;
    height: 450px;
    overflow: scroll;
    white-space:nowrap;
}

.scroll-pane ul{
    float:left;
    list-style-type:none;
}

.scroll-pane ul li{
    float:left;
}

.scroll-pane ul li img{
    height:420px;
}

.info{
    display: block;
    clear: left;
    width:300px;
    height:420px;
    background-color:gray;
    overflow:hidden;
    white-space:normal;
}

你对实现这个功能有什么想法？

Answer 1

使用 display:inline-block 而不是向左浮动 li

.scroll-pane ul li {
  display: inline-block;
  margin-right: -4px;
}