css怎么让一张图片在固定大小的div中正常显示?

div固定大小,图片可能大或者小... div固定大小,图片可能大或者小 展开
 我来答
Marry丶Chen
2017-12-29 · TA获得超过162个赞
知道小有建树答主
回答量:110
采纳率:89%
帮助的人:27.1万
展开全部

方法:

  1. 得到对应div的宽度和高度

  2. 把图片设置宽度或高度(图片会根据宽度或者高度进行等比例缩放,这样就不会失真,显示正常)

示例:

<!DOCTYPE html>
<html>
<head>
<title>测试图片在固定尺寸的Div内是否会失真</title>
</head>
<body>
<div style="width: 400px; border: 1px solid #000; height: 400px;">
<img src="https://gss0.bdstatic.com/7051cy89RcgCncy6lo7D0j9wexYrbOWh7c50/zhidaoribao/2017/1229/top.png" style="width: 380px; margin: 10px;">
</div>
</body>
</html>

效果:

已赞过 已踩过<
你对这个回答的评价是?
评论 收起
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式