{ CSS样式控制图片裁切显示 }
2010-07-06 21:47:27| 分类:
web标准
| 标签:
|举报
|字号大中小 订阅
我们在浏览网页的时候,经常会碰到,当鼠标点击到一个图片进行拖动的时候,原图片比实际容器显示的图片要大,这是为什么了。现在我就通过css定义方式使图片进行裁切,即当整个图片不足以显示时,多余的图片进行隐藏。
<!--原图片大小width:500px; height:332px; -->
<style type="text/css">
.flower{ width:400px; height:232px; overflow:hidden;}
.flower img{ margin:-50px 0 0 -50px;}
</style>
<div class="flower"><a href="http://taizengtao.blog.163.com/blog/#"><img src="http://taizengtao.blog.163.com/blog/images/pic.jpg" alt="pic" /></a></div>
评论这张
转发至微博
转发至微博
评论