…空いてますね。。

【CSS】display: table;

きっと俺だけ知らないシリーズ。。(この記事からスタートw)

隙間拡大
table, その外側のdivにも無いのに隙間が…?

 

拡大してみると、

隙間拡大
…空いてますね。。

この部分のhtmlはこれ。

まぁ、その、◎とか▲とかは一先ず置いといて。。

スタイル(sass)は、

予定ではこんなところで止まるはずじゃなかったんですが、どうしてもこの隙間が消えず。。

とりあえずdisplay: table; で消える

隙間なし :)
隙間なし 🙂

暫定的もいいとこなんですが、とりあえず、display: table; で消えました。
他にも、

  • table
  • inline-table
  • table-cell

で消えたんですが、inline-table, table-cellはちょっと違うなぁということで。

参考