【CSS】IMGタグで画像の下に余白ができたときに消す方法

目次

vertical-align: bottom;で消す

画像の下にマージンができてしまうことがあります。img要素に対して、vertical-alignの値をbottomにすると、下の余白がなくなります。vertical-alignは要素の縦方向の配置位置に関するプロパティで、値にbottom(下部)を寄せることで下の余白をなくしています。

img {
    vertical-align: bottom;
}

前へ

WEB制作のためのオンラインツールまとめ

次へ

【CSS】flexboxで横並びにしたメニューの間隔はcolumn-gapで調整する