CSS 剪辑和绝对定位

Question

我正在使用剪辑为画廊创建缩略图。不幸的是，clip 只能在元素绝对定位时使用。平等地应用于每个 img，这当然会使它们在使用一种 CSS 样式时彼此坐在一起，就像这样。

.Thumbnails {
    position: absolute;
    height: 105px;
    clip: rect(50px 218px 155px 82px);
}

然后我如何定位它们的相对位置？我只想要基本行。

Answer 1

这里有几个选项:

1. 您可以使用 clip 属性来防止重叠并同时创建缩略图: http://www.cssplay.co.uk/menu/clip_gallery.html

2. 您可以使用负边距将图像彼此分开，并使用溢出来创建缩略图: http://cssglobe.com/post/6089/3-easy-and-fast-css-techniques-for-faux-image