忍者ブログ
27 November

borderをつけたとき、画像の下とborderの間に空白ができてるのがわかる対処法

http://css-el.seesaa.net/article/138946834.html

画像をブロック要素で囲んでいるときにでるらしい?
どちらかを記述する

div {

/* 行の高さを0にする */
font-size:1px;
line-height:0;

}

div img {

/* テキストの下端に揃える */
vertical-align:text-bottom;

}


私が知ってるのは、aタグで囲んだ場合、aタグが下段のほうにいるので余白をうみだしていた
aタグを display:block; すると直る

PR