图片下边界出现空隙

Web前端评论134阅读模式

图片img下方出现空隙,且找不到空隙被哪一个元素占用,无缘无故多了空隙,影响样式设计的解决方法?

1,给元素添加样式:display:block;

2,给元素添加样式:vertical-align:bottom,vertical-align:middle,vertical-align:top三个其中一个

3,将img标签放在一个span或者一个div标签内,

或者

给img标签display:block;可能会影响到图片的text-align:center;居中样式

4,改img添加background样式,图片四周会出现一个阴影框。但是在src引入地址之后,就会消失。

本站文章大部分始于原创,用于个人学习记录,可能对您有所帮助,仅供参考!

weinxin
我的微信
版权声明
本站原创文章转载请注明文章出处及链接,谢谢合作!
 
知更鸟
匿名

发表评论

匿名网友
:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

拖动滑块以完成验证