如何将图像垂直拉伸到100％并水平裁剪

Question

Example page

我想将特色图片a[0:6,10:] 垂直拉伸到np.concatenate(a[0:6],a[10:]) 高度的100％，然后裁剪额外的宽度。

你能帮帮我吗？

Answer 1

如果您的.entry-content高度已修复，那么您只需硬编码.entry-image-link的高度

对于实例，如果.entry-content height为400px

然后

.entry-image-link {
   height: 400px;
}

Answer 2

步骤1：

让父母的父母的位置相对。

步骤2：

使父母的位置绝对和身高100％;

步骤3：

使图像的位置保持绝对，并改变其位置和边距。

很难将你的整个部分移到这里，所以我写了一个jQuery脚本来处理这个样式。你可以在你的网站上运行脚本，因为你有jQuery。对于其他访问者，您可以忽略特定的选择器。

var $=jQuery;
var $parentOfParent=$(".entry-content");
var $parent=$(".entry-image-link");
var $image=$(".entry-image-link img");

$parentOfParent.css("position","relative");
$parent.css({
    position: "absolute",
    height: "100%",
});
$image.css({
    height: "100%",
    'max-width': 'none',
    width: 'auto',
    position: 'absolute',
    left: '-1000px',
    right: '-1000px',
    top: 0,
    bottom: 0,
    margin: 'auto',
});