<ul>でdisplay:inline-block;を使ってレスポンシブ

css

縦に並ぶとき1pxずれてしまう
そんなときは
<ul>を囲んでいるcssに
font-size:0;
を入れる

1
2
3
4
5
6
<div class="test">
<ul>
<li>○○○○</li>
<li>○○○○</li>
</ul>
</div>
1
2
3
4
5
6
7
8
.test{
font-size:0;
}
 
li{
display:inline-block;
font-size:14px;
}

勉強させてもらったサイト

コメントを残す

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

▲