Question

我正在使用http://www.paulvanroekel.nl/picasa/visuallightbox/插件来创建一个库，实际上工作得很完美，但我的图像之间的空白有问题，因为不同的图像尺寸，所以我需要创建这样的东西 https://pbs.twimg.com/media/BM-usuxCIAAthp9.jpg:large使所有图像之间的网格保持一致。标记是：

<div>
  <a>
    <img>
  </a>
</div>

我尝试了@caramba解决方案，导致了这个

http://jsfiddle.net/montogeek/x4PJ5/

如何更改图像尺寸以保持一致？

Answer 1

这样的事情？ http://jsfiddle.net/rzWKR/1/

<div class="img-box">
    <img src="https://pbs.twimg.com/media/BM-usuxCIAAthp9.jpg:large" alt="" />
</div>

<style type="text/css">
    .img-box {
    position:relative;
    border:solid 2px red;
    width:280px;height:250px;
    overflow:hidden;
}
.img-box > img {
    position:absolute;
    left:-10px;
    top:-10px;
}
</style>

作为div背景的图象

1 个答案: