css インラインブロック同士の隙间を消す。

Posted 2021-05-13

.parent {
	font-size: 0;
	letter-spacing: -1px;
	word-spacing: -1px;
	/*
	letter-spacingとword-spacingはそれぞれ
	「-1」にすると、環境によって崩れる場合があるので、
	その場合は「0」にする。
	それでもうまく行かなければ、JavaScriptで改行を削除するか、
	あらかじめHTMLから改行を消しておく。
	*/
}

.inline-block {
	display: inline-block;
	font-size: 1rem;
	letter-spacing: normal;
	word-spacing: normal;
}