html中怎么把图片按比例缩放在<span>里面_html/css_WEB-ITnose

回复讨论(解决方案)

百度一个图片垂直横向居中显示的就行了

给图片一个指定的宽度。

1.给图片设置固定宽和高
2.用js控制图片大小，小于设定就按原尺寸，大于则由js按比例调整合适

你在span里面写的需要给span写上宽高 display：block； overflow：hidden；

用jquery，如果宽度大于最大值，就将图片宽度设置成最大宽度值，然后用jquery去实现，高度=实际高度/(实际宽度/最大宽度)