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

我正在使用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;
}

您对启用此功能有何想法？

最佳答案

代替浮动li的左侧，使用display:inline-block

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

关于jquery - jscrollpane在Firefox中不起作用，在chrome中起作用，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/13619829/