问答文章1 问答文章501 问答文章1001 问答文章1501 问答文章2001 问答文章2501 问答文章3001 问答文章3501 问答文章4001 问答文章4501 问答文章5001 问答文章5501 问答文章6001 问答文章6501 问答文章7001 问答文章7501 问答文章8001 问答文章8501 问答文章9001 问答文章9501

html 中如果一张图超过了屏幕大小 如何自动将多出部分影藏 只显示中间部分

发布网友 发布时间:2022-04-20 23:17

我来回答

1个回答

热心网友 时间:2023-10-25 02:44

<div><img src="1.jpg"></div>
如上面的列子:
比如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%属性也能填充到屏幕那么大,
声明声明:本网页内容为用户发布,旨在传播知识,不代表本网认同其观点,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。E-MAIL:11247931@qq.com
请问哪位大哥“谨谢不敏”是什么意思? 小女子尽谢不敏什么意思 谨谢不敏是什么意思? 敬谢不敏是是什么意思? 谢不敏的意思是什么 谢不敏词语解释 什么叫“谢不敏”? 6岁儿童晚上睡眠不好怎么办 六岁孩子精神异常怎么办 小程序开发需要什么技术 没有技术如何开发小程序 html怎么把背景图片置于最底下? html5怎么设置整页背景图片 html中文字怎么显示到图片的中正中间 HTML如何调整Button的位置,如 靠左,居中,靠右等。 html5 移动端怎么固定背景图片? html中插入张图片如何让它居中? 在html代码中怎么让背景图片居中 HTML5背景图片怎么居中? 【小】在田字格中怎么写呢? 鱼的尾巴有什么特点 鱼的尾巴象什么>> 鱼的尾巴的作用是什么 小鱼和牛,燕子的尾巴有什么用处 鱼的尾巴可以当成什么 鱼尾巴的作用是什么 鱼尾巴有什麽用 描述鱼的尾巴样子?有什么作用? 鱼把尾巴当作什么? 鱼的尾巴能干什么? 鱼儿的尾巴有什么作用 在H5中如何让div保持在底部? 404 Not Found 做梦梦到狮子与狗打架 梦到狮子跟狗打架 梦见自己在梦里做梦 周公解梦:梦见狮子咬狗? 梦到狮子王八狗打架,见血了 java相关的工作岗位 梦到狮子两个狮子其中一个柿子在和狗打架 梦到狮子老虎,狗,跟我打架,咬我, java的职位有哪些? java就业的职务 梦见狮子及狼狗和象打架是什么意思? 梅艳芳是因为什么原因去世的? 梦到打群架,对方放狮子和狗咬我们 周公解梦梦见狮子狗攻击自己是什么意思 java的职位有? 怎样上网易云音乐热评? 为什么网易云热评墙国庆期间不跟新 了? 查找本机黑名单有几个人