css - li 项之间的空间

Question

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

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;

}

我希望它对你有用。