css - li 项之间的空间

Question

我正在尝试使用 iscroll 创建一个可滚动的水平列表。该列表似乎工作得很好。我面临的问题是，每个 li 元素之间有一些空间。我尝试了我所知道的一切。但我只是无法删除那些 li 元素之间的空间。 请查看下面的演示 Demo

Answer 1

删除 display: inline-block; 并使用 float:left;

#scroller li {
    background: #f7f7f7; /* Old browsers */
    background: -webkit-gradient( linear, left bottom, left top, color-stop(0.1, #D8D3D3), color-stop(0.5, #FBFBFB) ); 
    float:left;
    width: 120px;
    height: 100%;
    border:none;
    margin:0px;
}

http://jsbin.com/uzucev/6/edit

希望这会有所帮助