close
使用img的標籤會在下方多出2-3px的高度，以下是我的原始碼：
<div class="pic">
<img src="https://pic.pimg.tw/blue921010/1626341022-1319585258-g.png" alt="">
</div>
我單純的用的div包住一張89*32的照片，照理說此div的高度應該是32，但利用chrome的開發人員工具來看高卻變成了34.67，原以為是CSS RESET就可以解決了，但似乎還是不行，於是找到了以下幾種方法來解決。
一、使用diplay來解決圖片高度問題
對此img下display:block; 或是 dipaly:table
二、使用vertical-align來解決圖片高度問題
對此img下vertical-align: middle;
google到的還有font-size:0的方法但是我實測還是一樣不行，大家可以試試看唷！
全站熱搜
留言列表
Java (1)