div內img下邊空白問題&&+(小坑)當img內src屬性為空時,安卓手機會出現空白


<div><img src="picture.png"/></div>這樣的格式在html5的文檔標准下會有一段空白區域,那么怎樣去掉這部分空白區域呢?可參考https://jingyan.baidu.com/article/7082dc1c69dc6fe40a89bdfe.html,

我在實踐中的做法是給img設置display:block;

遇到的一點是開始設置的vertical-alignmiddle,發現一些元素仍是會出現白色空白區域,改用display:block;就好了。

另外在開發過程中當img內src屬性為空時,使用電腦的調試器,整個頁面是沒有問題的,使用ios手機測試頁面也是沒有問題的,但是在Android手機上會出現這種問題


為了避免這個問題的出現,盡量不要在頁面中寫入沒有src的img標簽,如果需要插入img可以通過js控制


注意!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系我们删除。



 
粤ICP备14056181号  © 2014-2021 ITdaan.com