青いやつの進捗日記。

べんきょうのしんちょくをかいていきます。

display: inline-blockで出来る上下の隙間への対処

css-tricks.com

ここを見ると早い。

こうやって上下に隙間ができてしまうのを、

f:id:XxGodmoonxX:20190528003639p:plain

このように解除できる。

f:id:XxGodmoonxX:20190528003647p:plain

display: inline-blockになっている階層の上に、

font-size: 0px; /* display: inline-block で出来る上下の隙間へ対処 */

と書いてあげると、消せます。

どこで効くのかは、Developer Toolとかで見ながらやるといいかもしれません。まだ掴みきれていないです。