display:inline-blockのulで隙間が出た時

css
1
2
3
4
5
6
7
8
9
ul{
list-style-type:none;
font-size:0;
}
 
li{
font-size:10px; /* フォントサイズ0になっているので指定する */
display:inline-block;
}
1
2
3
4
5
6
7
.wrap{
    font-size:0;
}
.inline-block{
    display:inline-block;
    font-size:12px; /* フォントサイズ0になっているので指定する */
}

勉強させて貰ったサイト

コメントを残す

メールアドレスが公開されることはありません。 ※ が付いている欄は必須項目です

▲