CSS剪辑和绝对定位

Question

我正在使用剪辑为图库创建缩略图.不幸的是,剪辑只能在元素绝对定位时使用.同样适用于每个img,这当然使得它们在使用一种CSS样式时彼此坐在一起,就像这样.

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

那么我怎样才能将它们相对于彼此定位？我只想要基本的行.

Answer 1

我不会推荐纯 css 解决方案。您是否考虑过像phpThumb这样的库？从那里你只需使用以下 css：

.Thumbnails{float:left}

对缩略图的引用最终看起来像这样：

<img src="path/to/phpThumb.php?src=image.jpg&h=100&w=100&zc=1" alt="some image" />

该行基本上会创建一个 100x100 的缩略图，zc 指定缩放裁剪（裁剪以匹配宽高比，缩略图库会执行一些非常漂亮的缓存以减少服务器负载。