欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识！
您现在的位置是： 首页

css实现不规则图片等宽高展示

程序员文章站 2022-05-05 08:47:09
...
<!DOCTYPE html>
<html>
	<head>
		<meta charset='utf-8' />
		<title>css实现不规则图片等宽高展示</title>
	</head>
	<style>
		.image-header{
			position:relative;
			width:100%;
			height:0;
			padding-top:100%;
		}
		.image-header img{
			position:absolute;
			top:0;
			left:0;
			width:100%;
			height:100%;
		}
	</style>
	<body>
		<div style="width: 200px;">
			<div class="image-header">
				<img src="img/c91415fac154e64030535ee80351d54d.jpg">
			</div>
		</div>
	</body>
</html>

将img路径，更换即可，

方案参考如下

http://www.cnblogs.com/yesyes/p/6686719.html

相关标签： css img height width

上一篇： css 父子盒子的width 问题

下一篇： pytorch常用的数据预处理

推荐阅读