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

cssにdisplay：table-cellプロパティを追加します

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

}

それがあなたのために働くことを願っています。