リスト横並びで画像を並べた時、display:inline;を指定して水平に並べた場合、要素と要素の間に隙間が生じます。
これは空白類文字といって、ソースコード内の改行は半角スペースくらいの空白に変換するそうです。
display:table-cell;はIEでは対応していない為、モダンブラウザとIEで記述を分けなければならない。
横並びの要素を包括する要素にfont-size:0;を指定すれば、隙間は消えます。<li>を横並びにするなら、<ul>にfont-size:0;
この記事を書いた人
TORAT 管理者
2023.1.20 | yokota
2022.12.14 | yokota
2022.12.8 | リッキー
2022.12.1 | リッキー
2022.11.24 | リッキー
2022.11.19 | リッキー
2022.11.16 | yokota
2022.11.10 | リッキー
