Question

html中怎么把图片按比例缩放在<span>里面

Answer 1

首先，你使用span元素并不是很合理，因为span元素是行元素，不能够设置宽高

如果一定要使用span元素，需要设置宽高，之后对图片进行处理

将span元素调整为块元素（设置display: block），赋予固定的宽度或百分比

之后为图片设置宽度和高度，宽设置为100%，即可让图片等比例进行缩放，宽度等于span的宽度，高度会等比例变化

.box {
    display: block;
    width: 200px;
}
.box img {
    width: 100%;
}

Answer 2

span本身不是块儿状区域，如果你非要强加上的话，给span设置：display:block;这样就可以了
还有，你想让span内的img图片上移一下的话，你把span设置为块儿区域了以后，然后在你的margin-top:0px;修改成 -10px;然后你再看看效果就可以了。
margin是调整外边距的距离
padding 是调整内边距的距离