div裡巢狀img高度超出
阿新 • • 發佈：2021-01-14
在寫程式碼的時候經常遇到這樣一個問題，如果div裡巢狀一個img元素且div的高度是由img的高度來撐開，那麼div的高度總會比img的高度多3px
原因： 原來img是一種類似text的元素，在結束的時候，會在末尾加上一個空白符，所以就會多出3px
解決方法：
1.div設定font-size:0
<div style="font-size:0">
<img />
</div>
2.div設定display:flex
<div style="display:flex" 3.img設定display:block
<div >
<img style="display:block"/>
</div>