您的位置：首页 > 其它

用min-width/max-width实现图片缩放裁切

2009-05-07 14:13 246 查看

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">


<html xmlns="http://www.w3.org/1999/xhtml">



<head>


<meta content="text/html; charset=gbk" http-equiv="Content-Type" />


<title>min-width/max-width控制图片缩放裁切</title>


<style type="text/css">


img{border:none;display:block;}


div


{


  margin:20px auto;


  background-color:#f0f6f9;


  border:1px solid #606669;  


}


#div1


{


  width:150px;


  height:200px;


  overflow:hidden;  


}


#div1 img


{


  min-width:150px;


  min-height:200px;    


}


</style>


</head>



<body>


  <div id="div1">


    <a href="#"><img src="test.jpg" alt="" /></a>


  </div>


</body>



</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航