html 中如果一张图超过了屏幕大小 如何自动将多出部分影藏 只显示中间部分
发布网友
发布时间：2022-04-20 23:17
共1个回答
热心网友
时间：2023-10-25 02:44
如上面的列子：
比如div的宽高度分别为300px 200px；而图片的宽高度为400px 300px；这样图片比div要大
css:
div{ width:300px; height:200px; overflow:hidden}
div>img{ width:400px; height:300px; margin:auto;}
不过这里最好是用背景图片代替好一些；因为背景图片有一个样式background-position和background-size属性可以给图片绝对的居中和大小控制；
也就是说可以给图片100%的宽度和高度，即使图片没有屏幕那么大，我们给它100%属性也能填充到屏幕那么大，
