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

Posted 2023-04-25

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

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

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

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

.box 
    display: block;
    width: 200px;

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

一个ImageView等比例缩放

Imageview宽全屏，高度如何等比例缩放呀

android:scaleType="centerInside"
按比例缩小图片的size居中显示，使得图片长(宽)等于或小于View的长(宽)
android:scaleType="centerCrop"
按比例扩大图片的size居中显示，使得图片长(宽)等于或大于View的长(宽) 参考技术A android:scaleType="centerInside"
按比例缩小图片的size居中显示，使得图片长(宽)等于或小于View的长(宽)
android:scaleType="centerCrop"
按比例扩大图片的size居中显示，使得图片长(宽)等于或大于View的长(宽)本回答被提问者采纳