imgの下の余白を消す cssでvertical-align使うと解決

更新日:

画像を貼ると、下に余白が出来るので消したい

 

 

 

 

 

デベロッパーツールで確認しても

padding margin border は全て0

 

 

 

 

img にvertical-alignを設定すると消える

 

 

 

<div class="pic">の中にimgがあるので

.div {

vertical-align:bottom

}

とやってしまう間違いをよくした。

 

なので

 

 

 

 

.img{

vertical-align:bottom

}

 

このように、

必ずimgに対して指定しないと失敗する。

 

.pic img{

vertical-align:bottom

}

でも良い。

 

↓直る

 

 

Copyright© Chicoblog , 2020 All Rights Reserved.