html css 如何吧图片放在最大高度为100*150的框框内,实现图片居中显示, 等比例缩放。

html css 如何吧图片放在最大高度为100*150的框框内,实现图片居中显示, 等比例缩放。,第1张

图片自动适应DIV容器大小: 这一现象很常见,其实,只须将DIV的大小设置成为100*150。设定img 的宽度为:100%;高度为:100%;即可让图片自动适应DIV容器的大小。

图片的宽高百分比设置,图片居中你会的吧。

你可以给div设置一个最小高度值,min-height:300px;这样的话,你的div最小就是300px,当内容超过300的时候,div也会自动伸缩。另外max-height是最大高度。望采纳!!谢谢,不会了可以再追问我

给图片固定的宽和高。那么不管他什么尺寸,都会按设置的这个尺寸来显示。

<div id="div"><img src="*******.jpg" width="100" border=1 height="150" ></div> #div {height: 100pxtext-align: centervertical-align: middleline-height: 100pxborder:1 solid red}

img {vertical-align: middleline-height: 100px}


欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/zaji/6156616.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-03-16
下一篇2023-03-16

发表评论

登录后才能评论

评论列表(0条)

    保存