裁剪带负边距的图像

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了裁剪带负边距的图像相关的知识,希望对你有一定的参考价值。

  1. <p class="crop"><a href="http://templatica.com" title="Css Templates"><img src="img.jpg" alt="css template" /></a></p>
  2.  
  3. .crop{
  4. float:left;
  5. margin:.5em 10px .5em 0;
  6. overflow:hidden; /* this is important */
  7. border:1px solid #ccc;
  8. }
  9. /* input values to crop the image: top, right, bottom, left */
  10. .crop img{
  11. margin:-20px -15px -40px -55px;
  12. }

以上是关于裁剪带负边距的图像的主要内容,如果未能解决你的问题,请参考以下文章

奇怪的 Firefox 负边距

CSS 使用负边距的中心

绝对定位和负边距的应用

Android如何裁剪图像使用像css这样的xml

做一个常规的banner图——负边距的使用banner图的拼法

CSS中宽度为100%的图像上的负边距