图片下方多出3px解决方法

原创 贤狼夏萝 教程 遇到的问题 71阅读 2019-05-22 14:27:14 举报

图片下方多出3px的原因及解决方法

产生原因:主要是因为图片的垂直对齐方式vertical-align引发的,默认值是baseline,默认为此值时图片下方就会多3px
解决方法:

  1. 将图片的垂直对齐方式改变为vertical-align的值设置为bottom,就可以解决这个问题.
  2. 将图片display设置为block,并且指定width和height.
  3. 把图片容器的宽高设置的和图片的一样.
评论 ( 0 )
最新评论
暂无评论

赶紧努力消灭 0 回复