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

InBlock.gif
<!DOCTYPE html PUBLIC  "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
InBlock.gif<html xmlns="http://www.w3.org/1999/xhtml">
InBlock.gif
<head>
InBlock.gif<meta content="text/html; charset=gbk" http-equiv="Content-Type" />
InBlock.gif<title>min-width/max-width控制图片缩放裁切</title>
InBlock.gif<style type="text/css">
InBlock.gifimg{border:none;display:block;}
InBlock.gifdiv
InBlock.gif{
InBlock.gif  margin:20px auto;
InBlock.gif  background-color:#f0f6f9;
InBlock.gif  border:1px solid #606669;  
InBlock.gif}
InBlock.gif#div1
InBlock.gif{
InBlock.gif  width:150px;
InBlock.gif  height:200px;
InBlock.gif  overflow:hidden;  
InBlock.gif}
InBlock.gif#div1 img
InBlock.gif{
InBlock.gif  min-width:150px;
InBlock.gif  min-height:200px;    
InBlock.gif}
InBlock.gif</style>
InBlock.gif</head>
InBlock.gif
<body>
InBlock.gif  <div id="div1">
InBlock.gif    <a href="#"><img src="test.jpg" alt="" /></a>
InBlock.gif  </div>
InBlock.gif</body>
InBlock.gif
</html>

InBlock.gif








 本文转自 xcf007 51CTO博客,原文链接:http://blog.51cto.com/xcf007/155890,如需转载请自行联系原作者


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值