图片裁剪--css

CSS中有一个属性叫做clip，为修剪，剪裁之意。配合其属性关键字rect可以实现元素的矩形裁剪效果。且使用上基本上没有类似于max-height/display:table-cell等浏览器的兼容性问题。但是，大家很少使用此属性。其作用就是页面元素的可用性隐藏。

clip属性要配合着绝对定位使用，代码为img{ position:absolute; clip:rect(上，右，下，左) ;}

rect里的值是说明裁剪图片的宽度，但是中间2个值是给，旁边2个只是拿，上和左的值是表示从上边，从左边开始裁剪，右边和下边的值是指距离右边，距离下边的长度，

所以要注意rect属性值的计算，主要还是根据图片的大小来定

在实习期间，自己碰到的问题，这个属性原来根本就不知道，遇到了才明白，

前端小白一枚，以后会把工作中遇到的问题都记下来。

促进自己进步！！！