我正在尝试使用iscroll创建一个可滚动的水平列表。该列表似乎工作得很好。我面临的问题是,每个li项之间有一些空间。我尝试了我所知道的一切。但我不能删除这些李项目之间的空间。 请查看下面的演示 Demo
答案 0 :(得分:2)
删除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
希望这会有所帮助
答案 1 :(得分:0)
将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;
}
我希望它对你有用。