青いやつの進捗日記。

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

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

css-tricks.com

ここを見ると早い。

こうやって上下に隙間ができてしまうのを、このように解除できる。

f:id:XxGodmoonxX:20191115005012p:plain

f:id:XxGodmoonxX:20191115005015p:plain

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

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

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

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