李物品之间的空间

Question

我正在尝试使用iscroll创建一个可滚动的水平列表。该列表似乎工作得很好。我面临的问题是，每个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

希望这会有所帮助

Answer 2

将display：table-cell属性添加到css

#scroller li {
background: none repeat scroll 0 0 #F7F7F7;
border: medium none;
display: table-cell;
height: 100%;
margin: 0;
width: 120px;

}

我希望它对你有用。