【CSSだけ】SVGを理解して、ラインアニメーションを実装する
WEBサイト制作
2015年09月15日
リスト横並びで画像を並べた時、display:inline;を指定して水平に並べた場合、要素と要素の間に隙間が生じます。
これは空白類文字といって、ソースコード内の改行は半角スペースくらいの空白に変換するそうです。
display:table-cell;はIEでは対応していない為、モダンブラウザとIEで記述を分けなければならない。
横並びの要素を包括する要素にfont-size:0;を指定すれば、隙間は消えます。<li>を横並びにするなら、<ul>にfont-size:0;
PICK UP
WRITERS